|
(на Drupal) прикрутить к меню прокрутку страницы до нужного местаОбсуждение темы (на Drupal) прикрутить к меню прокрутку страницы до нужного места в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; вот собственно нашел такой кусочек кода Код: <Script Language="JavaScript"> function scrollit() {for (I=1; I<=500; I++) {self.scroll(1,I)}} </Script> Код: onClick="scrollit()" а как его к ... |
|
Опции темы |
26.02.2010, 11:37 | #1 |
|
вот собственно нашел такой кусочек кода
Код:
<Script Language="JavaScript"> function scrollit() {for (I=1; I<=500; I++) {self.scroll(1,I)}} </Script> Код:
onClick="scrollit()" может кто сталкивался? ато я его в первый раз живъем вижу Добавлено через 54 минуты нашел даже проще вот Код:
<a href="javascript:window.scrollTo(0,1300);"><b>Прокрутить вверх</b></a> Последний раз редактировалось vitaly-go; 26.02.2010 в 11:37.. Причина: Добавлено сообщение |
|
26.02.2010, 11:38 | #2 |
|
vitaly-go, эээээээ..... ооооо..... уууууу....
Это делается якорями вообщето: итак в меню ссылку писать надо так: /mypage#myancor а уже в тексте в нужном месте написать <a name="myancor"></a> И будет вам прокрутка. Без всякого js |
|
Этот пользователь сказал спасибо Асмодиан за это полезное сообщение: | vitaly-go (26.02.2010) |
26.02.2010, 11:53 | #3 |
|
Асмодиан Суппер!
|
|
26.02.2010, 11:58 | #4 |
|
Код HTML:
<script> function goToByScroll(id){ $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); } </script> Код HTML:
<a onClick="goToByScroll('1')">123</a> <div id="1">123</div> соответственно, указываем id в линке и в элементе к которому нужно попасть и все. как пример можно посмотреть тут little-plus.ru/diagnosis/ (Предметный указатель, и далее любой пункт) было лень плавный скрол обратно вверх дописать, но сделаю. как-нибудь потом. |
|
Этот пользователь сказал спасибо Niemans за это полезное сообщение: | vitaly-go (26.02.2010) |
26.02.2010, 12:12 | #5 |
|
такс. пишу по памяти...
Код:
$.ready(function() { $('a').each(function() { var st = $(this).attr('href').indexOf('#'); if (st > 0) { var ancor = $(this).attr('href').substring(st + 1); var target = $("[@name = '" + ancor + "']") // возможно нужно без собаки (не помню точно как в jquery) if (target.length > 0) { $(this).click(function() { $('html,body').animate({scrollTop: target.offset().top},'slow'); } } } }); }); вот это всё вместе с моим приёмом будет нормально работать без javascript, и плавно прокручивать с включённым js. PS. Скорее всего работать не будет, так как я наверняка не раз ошибся. В целом тут идея |
|
26.02.2010, 12:22 | #6 |
|
Асмодиан, не понял, а что делать то должен этот скрипт?
|
|
26.02.2010, 13:05 | #7 |
|
При полной загрузке страницы он просматривает все ссылки на странице. Если в какой-то ссылке есть якорь, то он ищет: нет ли такого-же якоря на самой странице.
Если якорь есть, то при нажатии на ссылку он делает плавную перемотку до этого якоря. вот. (то есть не моментальный переход, а плавный) |
|
26.02.2010, 13:06 | #8 |
|
а я что написал выше?
|
|
26.02.2010, 13:09 | #9 |
|
спасибо, уже все "зроблена" правда без плавностей, там такой задачи небыло
а вот на будущее и плавность пригодится |
|
26.02.2010, 13:13 | #10 |
|
Nimans, понимаешь в чём разница.
1. Если у человека отключен js, то твой пример не будет работать ВООБЩЕ, а мой просто будет крутить не плавно. 2. html-код не захлямляется яваскриптом, так как это всё идёт в отдельном js файле |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как убрать прокрутку | Volkodavteua | ASP, Perl, PHP и MySQL | 0 | 07.02.2010 19:18 |
php.ini и drupal | Dejust | ASP, Perl, PHP и MySQL | 4 | 08.01.2010 23:12 |
вопрос по Drupal | BleSSeD | ASP, Perl, PHP и MySQL | 9 | 11.08.2008 18:34 |
настройка CMS Drupal | Stalker | ASP, Perl, PHP и MySQL | 6 | 26.11.2007 13:37 |
как округлить число до нужного количества символов после запятой? | sl_play | Технологии Flash | 8 | 14.06.2005 21:26 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|