• Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Плавная прокрутка до заданного блока. jQuery. (Как сделать прокрутку до нужного блока по якорю?)
Плавная прокрутка до заданного блока. jQuery.
Дата: Четверг, 04.10.2012, 13:05 |
aparamon
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Скажите, как подключить 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
 
Дата: Четверг, 04.10.2012, 13:20 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


aparamon,
Quote (aparamon, Чт, 04.10.2012, 13:05:05)
Скажите, как подключить scrollTo к менюшке, к-рая уже обрабатывается вот так:

Без понятия, надо смотреть сам скрипт акардеона - что он там протягивает..
Скорее всего достаточно сложно.


 
Дата: Четверг, 15.11.2012, 12:36 |
kallim
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Подскажите почему при подключении jquery-1.8.2 в хроме перестает работать этот скрипт, хотя в остальных браузерах все нормально

 
Дата: Пятница, 07.12.2012, 21:40 |
soner
Рядовой
Группа: Проверенные
Сообщений: 5
Награды: 0
Репутация: 0
Статус: Offline


спасибо пригодилось

Сообщение отредактировал soner - Пятница, 07.12.2012, 21:40
 
Дата: Среда, 02.01.2013, 04:16 |
sajlas
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


а можно сделать так, чтобы при нажатии на ссылку внимание акцентрировалось не на этой же странице, а переходил на другую, причем в опр. область?
сайт rumbolovo-city.ru / нужно сделать так:


 
Дата: Среда, 02.01.2013, 09:58 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


sajlas,
Цитата (sajlas, Ср, 02.01.2013, 04:16:12)
а можно сделать так, чтобы при нажатии на ссылку внимание акцентрировалось не на этой же странице, а переходил на другую, причем в опр. область?

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

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

Код
http://likbezz.ru/forum/71-666-2#15718


Сам якорь:

Код
<a name="15718" id="15718"></a>

...


 
Дата: Среда, 22.05.2013, 21:30 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


Нужна срочная помощ мне нужно установить прокрутку от 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
 
Дата: Среда, 22.05.2013, 22:09 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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


 
Дата: Четверг, 23.05.2013, 08:46 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


Все сделал как сказали что то не хочит он работать

Скопировал скрипт не работает сделал вот так тоже не фурычит
Код
<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>


В чём ошибка?


 
Дата: Четверг, 23.05.2013, 18:20 |
Site Moder
Группа: Администраторы
Сообщений: 44
Награды: 0
Репутация: 6
Статус: Offline


TokyoZero,
Цитата (TokyoZero, Чт, 23.05.2013, 08:46:28)
В чём ошибка?

Да вроде все правильно у вас.
Сайт на юкоз?
jQuery подключена?
Ссылочку на страницу где не работает предоставьте.


 
Дата: Четверг, 23.05.2013, 20:01 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


Сайт в разработке на локал хосте (денвер) в роди косяков нет плагины все работают а этот 3 день разработку проекта тормозит, видимо придется от и до всё изучать smile

 
Дата: Четверг, 23.05.2013, 20:11 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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 потому уже все остальное.


 
Дата: Суббота, 25.05.2013, 08:47 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


Все спасибо проблема решена так сказать частично :)))
Скрипт заработал после того как я снес 2 скрипта Подписку на рассылку от Смарт Респонсебал и партнерский блок по поиску авиабилетов.
Почему они не могут работать в месте я без понятия в чем их разногласие wacko


 
Дата: Суббота, 25.05.2013, 08:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


TokyoZero,
Цитата (TokyoZero, Сб, 25.05.2013, 08:47:06)
Скрипт заработал после того как я снес 2 скрипта Подписку на рассылку от Смарт Респонсебал и партнерский блок по поиску авиабилетов.

А что они из себя представляли? Может там подключалась еще одна библиотека типа мунтулз, или еще одна версия jq ?
По идее данный скрипт совсем не конфликтный, если используется jQuery по умолчанию.
С мунтулз, конечно, работать не будет.


 
Дата: Суббота, 25.05.2013, 11:00 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


Вернул в общем код поиска авиа-билетов, проблема оказалась в подписке на рассылку smartresponder у них там рукописный код который вставляется в блок див где вы его хотите разместить так что если он установлен не 1-н код не работает biggrin

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

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


Сообщение отредактировал TokyoZero - Суббота, 25.05.2013, 11:01
 
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Плавная прокрутка до заданного блока. jQuery. (Как сделать прокрутку до нужного блока по якорю?)
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск:


Мобильная версия