Witch_You, в стилях самой страницы
- 24.08.2013 02:01
- 24.08.2013 08:20
- 24.08.2013 15:12
народ, разобрался... Это оказывается RDS бар "красил" текст в черный цвет...
В любом случае, спасибо за помощь... - 24.08.2013 19:37
Ребята, очень рассчитываю на вашу помощь.
Есть страница с содержанием и якорями. При переходе по ссылкам содержания пользователя переносит вниз по странице до выбранного раздела. Реализовано на якорях.
Якорями являются заголовки и подзаголовки статьи. При переходе по якорю этот заголовок становится в самом верху страницы. Вопрос, как сделать так чтобы он был не в самом верху страницы, а чуть ниже. Просто у меня в самом верху зафиксированное меню, и оно соответственно перекрывает этот заголовок. Как сделать, чтобы заголовок был не в самом верху страницы? - 24.08.2013 19:45
3s777, если я конечно все правильно понял, то быть может нужно добавить этому заголовку отступ сверху, посредством margin: 50px 0 0 0; (где 50px - это значение)?
Спасибо сказали:
3s777(24.08.2013), - 24.08.2013 20:17
Это первое что пришло на ум, НО! Если поставить каждому заголовку такой отступ, то становится не красиво, т.к. у заголовков получаются огромные отступы. Это не вариант
---------- Сообщение добавлено 19:00 ---------- Предыдущее 18:54 ----------
Для чистоты эксперимента ставил и margin и padding, якорю пофиг на это. Все равно заголовок в самом верху.
---------- Сообщение добавлено 19:17 ---------- Предыдущее 19:00 ----------
Нашел вот такой вариант http://habrahabr.ru/qa/18091/, мне подходит вариант с js, но я с ним вообще не дружу. Как мне правильно его прописать, чтобы он работал:Код HTML:$$('a[href^=#]').each(function(el) { el.addEvent('click',function(){ var head_height = 97; href = this.getProperty('href'); anchor_offset = $$(href).getLast().getPosition().y; window.scrollTo(0, anchor_offset - head_height); return false; }); });
- 24.08.2013 20:34
не поможет
такая же проблема у меня. я вот подумал, может якоря ставить чуть выше.. правда это не выход как по мне, думаю нужно js`ом прокручивать..
вот нашел решение:Код:offset().top определяет значение отступа сверху для якоря (с id равному значению атрибута href), которое устанавливается в scrollTop. В конце не забываем поставить return false;, чтобы отменить действие по умолчанию. Теперь необходимо только вставить этот код на нужные вам страницы (или подключить отдельным файлом) и всё заработает.$(function(){ $('a[href^="#"]').click(function(){ var target = $(this).attr('href'); $('html, body').animate({scrollTop: $(target).offset().top}, 300); return false; }); });
Спасибо сказали:
3s777(24.08.2013), - 24.08.2013 20:39
Создал js, поместил туда этот код. Добавил <script type="text/javascript" src="http://wp.local/wp-content/themes/alergiya/js/p.js"></script>, но ничего не работает... Может чего не так делаю?
- 24.08.2013 21:09
3s777, а может быть просто якорь указывать не на тот заголовок куда нужно, а на 1 строчку выше?
- 24.08.2013 21:13
Спасибо сказали:
3s777(24.08.2013),
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Бесплатная помощь по wordpress | WordPress | 2451 | 02.12.2018 02:53 |
Бесплатная помощь по ucoz сайтам | Создание сайтов | 6 | 31.03.2013 14:25 |
Нужна помощь по верстке. | Web программирование | 3 | 25.02.2013 11:54 |
Нужна не бесплатная помощь в заполнении сайта | Копирайтинг, переводы, постинг | 4 | 22.12.2012 00:33 |
Нужна небольшая помощь в верстке (DLE). Вывод популярных новостей. | DLE | 3 | 01.07.2012 17:09 |