[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Скрипты jQuery, Примеры на jQuery и подобное » Плавная прокрутка до заданного блока. jQuery.

Плавная прокрутка до заданного блока. 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,
Quote (aparamon, Чт, 04.10.2012, 13:05:05)
Скажите, как подключить 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,
Цитата (sajlas, Ср, 02.01.2013, 04:16:12)
а можно сделать так, чтобы при нажатии на ссылку внимание акцентрировалось не на этой же странице, а переходил на другую, причем в опр. область?

Можно.
На «Студии» ставим якорную ссылку на станицу с якорем.
На той странице якорь именно на том уровне куда должен попасть пользователь по клаку и предыдущей ссылке.

Якорная ссылка выглядеть вот так:

Код
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,
Цитата (TokyoZero, Ср, 22.05.2013, 21:30:29)
Сам 1 блок див и есть кнопка с ховером (картинка) только без ссылки. вот код.

Цитата (TokyoZero, Ср, 22.05.2013, 21:30:29)
И надо вот при клике на этот

Цитата (TokyoZero, Ср, 22.05.2013, 21:30:29)
прокручивалось до этого


Вот так:
В глобальный блок верхний:
Код
<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,
Цитата (TokyoZero, Чт, 23.05.2013, 08:46:28)
В чём ошибка?

Да вроде все правильно у вас.
Сайт на юкоз?
jQuery подключена?
Ссылочку на страницу где не работает предоставьте.
[26] TokyoZero [23.05.2013, 20:01]
Сайт в разработке на локал хосте (денвер) в роди косяков нет плагины все работают а этот 3 день разработку проекта тормозит, видимо придется от и до всё изучать smile
[27] likbezz [23.05.2013, 20:11]
TokyoZero,
Цитата (TokyoZero, Чт, 23.05.2013, 20:01:12)
видимо придется от и до всё изучать

))
Проверьте очередность подключения скритпов.
Вот это должно быть выше всего, можно в 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 скрипта Подписку на рассылку от Смарт Респонсебал и партнерский блок по поиску авиабилетов.
Почему они не могут работать в месте я без понятия в чем их разногласие wacko
[29] likbezz [25.05.2013, 08:50]
TokyoZero,
Цитата (TokyoZero, Сб, 25.05.2013, 08:47:06)
Скрипт заработал после того как я снес 2 скрипта Подписку на рассылку от Смарт Респонсебал и партнерский блок по поиску авиабилетов.

А что они из себя представляли? Может там подключалась еще одна библиотека типа мунтулз, или еще одна версия jq ?
По идее данный скрипт совсем не конфликтный, если используется jQuery по умолчанию.
С мунтулз, конечно, работать не будет.
[30] TokyoZero [25.05.2013, 11:00]
Вернул в общем код поиска авиа-билетов, проблема оказалась в подписке на рассылку smartresponder у них там рукописный код который вставляется в блок див где вы его хотите разместить так что если он установлен не 1-н код не работает biggrin

Я его оставил на главной странице только и фиг с ним, у меня там нет скриптов, а на остальные страницы по сносил. Кстати там код не маленький похлеще чем сам плагин скрола будет.

Так что если что возьмите себе на заметку, я из за этого скрипта на 3 дня разработку проекта затормозил. И так проект напряженный на японском языке делаю, еще и такие приколы с конфликтностью плагинов. smile


Сообщение отредактировал TokyoZero - Суббота, 25.05.2013, 11:01


Полная версия сайта