Плавная прокрутка до заданного блока. jQuery.
|
|
[16] aparamon [04.10.2012, 13:05] |
Скажите, как подключить scrollTo к менюшке, к-рая уже обрабатывается вот так:
Code <script type="text/javascript">
$(document).ready(function () {
// Хранение переменных
var accordeonHead = $('.accordeon > li > a'), accordeonBody = $('.accordeon li > .sub-menu');
// Открытие первой вкладки при загрузке
accordeonHead.first().addClass('active').next().slideDown('normal');
// Выбор функции
accordeonHead.on('click', function (event) {
// Отключить заголовок ссылки
event.preventDefault();
// Отображение и скрытие вкладок при клике
if ($(this).attr('class') != 'active') { accordeonBody.slideUp('normal'); $(this).next().stop(true, true).slideToggle('normal'); accordeonHead.removeClass('active'); $(this).addClass('active'); }; }); });
Вот этот скрипт Code $('#menu-wrapper a').click(function () { var str = $(this).attr('href'); $.scrollTo(str, 1500); return false; });
Отдельно работает без проблем. Как подключить его к верхнему правильно?
Сообщение отредактировал likbezz - Четверг, 04.10.2012, 13:21 |
|
[17] likbezz [04.10.2012, 13:20] |
aparamon, Скажите, как подключить scrollTo к менюшке, к-рая уже обрабатывается вот так: Без понятия, надо смотреть сам скрипт акардеона - что он там протягивает.. Скорее всего достаточно сложно. |
|
[18] kallim [15.11.2012, 12:36] |
Подскажите почему при подключении jquery-1.8.2 в хроме перестает работать этот скрипт, хотя в остальных браузерах все нормально |
|
[19] soner [07.12.2012, 21:40] |
спасибо пригодилось
Сообщение отредактировал soner - Пятница, 07.12.2012, 21:40 |
|
[20] sajlas [02.01.2013, 04:16] |
а можно сделать так, чтобы при нажатии на ссылку внимание акцентрировалось не на этой же странице, а переходил на другую, причем в опр. область? сайт rumbolovo-city.ru / нужно сделать так: |
|
[21] likbezz [02.01.2013, 09:58] |
sajlas, а можно сделать так, чтобы при нажатии на ссылку внимание акцентрировалось не на этой же странице, а переходил на другую, причем в опр. область? Можно. На «Студии» ставим якорную ссылку на станицу с якорем. На той странице якорь именно на том уровне куда должен попасть пользователь по клаку и предыдущей ссылке.
Якорная ссылка выглядеть вот так:
Код http://likbezz.ru/forum/71-666-2#15718
Сам якорь:
Код <a name="15718" id="15718"></a> ... |
|
[22] TokyoZero [22.05.2013, 21:30] |
Нужна срочная помощ мне нужно установить прокрутку от 1ного блока див до другова. Сам 1 блок див и есть кнопка с ховером (картинка) только без ссылки. вот код. Код Хедер строки: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jq.scrollTo-min.js"></script>
<script type="text/javascript"> $('#inp1 div').click(function(){ var str=$(this).attr('href'); $.scrollTo('#testScrol',500); return false; }); </script>
И надо вот при клике на этот Код <div id="inp1"></div> прокручивалось до этого Код <div id="testScrol"></div>
Если можно напишите где что поставить, что бы это реализовать а то я только в css и html неплохо разбираюсь.
Заранее спасибо.
Сообщение отредактировал TokyoZero - Среда, 22.05.2013, 21:32 |
|
[23] likbezz [22.05.2013, 22:09] |
TokyoZero, Сам 1 блок див и есть кнопка с ховером (картинка) только без ссылки. вот код. И надо вот при клике на этот
Вот так: В глобальный блок верхний: Код <script type="text/javascript" src="http://likbezz.ru/_source/_js/lib/jq.scrollTo-min.js"></script> Скрипт скачать себе, поправить ссылку на свою.
По месту: Кнопка: Код <div id="inp1" onclick="$.scrollTo('#testScrol',500);return false;">кнопка</div>
Блок: Код <div id="testScrol">текст</div>
Больше ничего..
☑ http://likbezz.ru/_example/jquery/scroll_to_id/scrollToEl_5.html |
|
[24] TokyoZero [23.05.2013, 08:46] |
Все сделал как сказали что то не хочит он работать
Скопировал скрипт не работает сделал вот так тоже не фурычит Код <script type="text/javascript" src="http://likbezz.ru/_source/_js/lib/jq.scrollTo-min.js"></script>
ну и сама кнопка
Код <div id="inp1" onclick="$.scrollTo('#testScrol',500);return false;"><p></p></div>
и блок до куда надо прокручивать
Код <div id="testScrol"><p>тест</p></div>
В чём ошибка? |
|
[25] Mr_Smith [23.05.2013, 18:20] |
TokyoZero, Да вроде все правильно у вас. Сайт на юкоз? jQuery подключена? Ссылочку на страницу где не работает предоставьте. |
|
[26] TokyoZero [23.05.2013, 20:01] |
Сайт в разработке на локал хосте (денвер) в роди косяков нет плагины все работают а этот 3 день разработку проекта тормозит, видимо придется от и до всё изучать |
|
[27] likbezz [23.05.2013, 20:11] |
TokyoZero, видимо придется от и до всё изучать )) Проверьте очередность подключения скритпов. Вот это должно быть выше всего, можно в head Код <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> а ниже уже: Код <script type="text/javascript" src="http://likbezz.ru/_source/_js/lib/jq.scrollTo-min.js"></script> И именно в такой последовательности, сначала jquery потому уже все остальное. |
|
[28] TokyoZero [25.05.2013, 08:47] |
Все спасибо проблема решена так сказать частично :))) Скрипт заработал после того как я снес 2 скрипта Подписку на рассылку от Смарт Респонсебал и партнерский блок по поиску авиабилетов. Почему они не могут работать в месте я без понятия в чем их разногласие |
|
[29] likbezz [25.05.2013, 08:50] |
TokyoZero, Скрипт заработал после того как я снес 2 скрипта Подписку на рассылку от Смарт Респонсебал и партнерский блок по поиску авиабилетов. А что они из себя представляли? Может там подключалась еще одна библиотека типа мунтулз, или еще одна версия jq ? По идее данный скрипт совсем не конфликтный, если используется jQuery по умолчанию. С мунтулз, конечно, работать не будет. |
|
[30] TokyoZero [25.05.2013, 11:00] |
Вернул в общем код поиска авиа-билетов, проблема оказалась в подписке на рассылку smartresponder у них там рукописный код который вставляется в блок див где вы его хотите разместить так что если он установлен не 1-н код не работает
Я его оставил на главной странице только и фиг с ним, у меня там нет скриптов, а на остальные страницы по сносил. Кстати там код не маленький похлеще чем сам плагин скрола будет.
Так что если что возьмите себе на заметку, я из за этого скрипта на 3 дня разработку проекта затормозил. И так проект напряженный на японском языке делаю, еще и такие приколы с конфликтностью плагинов.
Сообщение отредактировал TokyoZero - Суббота, 25.05.2013, 11:01 |
|