Помогите решить задачу по скрипту jquery 2.X

 
Посетитель
no avatar
Сообщений: 21
Есть такой скрипт, он по нажатию ссылки с идентификатором #scroll_1, скроллит страницу до блока с идентификатором id=scroll_1. Все работает нормально, но хотелось добавить несколько ссылок и что бы они скроллили страницу с разными скоростями. Сейчас делаю под каждую скорость скроллинга отдельный скрипт такого типа, только меняю идентификаторы #scroll_1, #scroll_2, #scroll_3. Кто-то сможет упаковать это в один скрипт?

Код JAVASCRIPT:
  1.  
  2. <script>
  3. $(document).ready(function(){
  4. $('a[href^="#scroll_1"]').on('click', function(e){
  5. e.preventDefault();
  6. var t = 100000;
  7. var d = $(this).attr('href');
  8. $('html,body').stop().animate({ scrollTop: $(d).offset().top}, t);
  9. });
  10. });
  11. </script>
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1948
dimbons,
Так просто получайте номер ссылки и манипулируйте ею.
Спойлер
Редактировалось: 1 раз (Последний: 12 июня 2018 в 19:46)
Посетитель
no avatar
Сообщений: 21
Ris:

Так просто получайте номер ссылки и манипулируйте ею.
А как манипулировать подскажите пожалуйста. Я просто ставил идентификаторы в нужные блоки, а сейчас что нужно делать?
Редактировалось: 1 раз (Последний: 12 июня 2018 в 20:08)
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1948
dimbons:
А как манипулировать подскажите пожалуйста. Я просто ставил идентификаторы в нужные блоки, а сейчас что нужно делать?
Допустим, Вы имеете несколько ссылок, которые надо скроллить с разной скоростью.
Присвойте каждой какие-нибудь атрибуты (можно просто цифровые, можно содержащие цифру), вычисляйте эту цифру (я показал выше как) и как-нибудь манипулируйте этой цифрой. Умножайте на нее время скролла, делите, прибавляйте, вычитайте...
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.