Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Прокрутка на определенный интервал (https://javascript.ru/forum/misc/61552-prokrutka-na-opredelennyjj-interval.html)

AutoDi 23.02.2016 13:47

Прокрутка на определенный интервал
 
Здравствуйте!
Подскажите пожалуйста, я совсем еще новичок.
Есть код прокрутки страницы вверх вниз. Он прокручивает станицу или полностью верх или полностью вниз.
Можно сделать так чтобы прокрутка осуществлялась частями, например каждые 10% высоты при каждом нажатии на соответствующую кнопку?

$(function(){	
 if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
 });

 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
 });

 $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
 $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});

Coriolan161 23.02.2016 18:17

AutoDi,
Те надо подремонтировать 14 и 15 строку. А именно скроллТоп. Ты должен иметь ввиду текущий window.scrollTop() .
В первом случае надо проверять window.scrollTop - 10% (условно говоря) на >0. Если тру, то scrollTop: window.scrollTop - 10% (условно говоря)? иначе 0.
Есть аналогия и со вторым, но обычно бывает, что сложности возникают именно с прокрутками вниз)
Накидаю - скину

AutoDi 23.02.2016 20:07

Вот спасибо, если не затруднит накидать хотя бы примерно, буду очень признателен. В синтаксисе пока не силен.

Coriolan161 25.02.2016 21:00

AutoDi,
http://jsfiddle.net/Coriolan161/ry99L0cj/

AutoDi 02.03.2016 10:55

Спасибо огромное все работает. Только один вопрос. При загрузке страницы кнопки сначала не появляются ни вниз ни в верх, нужно немного прокрутить вниз тогда появляются обе и дальше уже все работает как надо, при самом верхнем положении остается только кнопка вниз, вверх исчезает и наоборот.
Что нужно сделать чтобы при загрузке страницы кнопка вниз появлялась сама сразу?

Coriolan161 05.03.2016 19:07

AutoDi,
1) Какой браузер у тебя?
2) Чуть поменял
http://jsfiddle.net/Coriolan161/ry99L0cj/
Наверно косяк был в стилях. Покопипасти стили и js
3) Новую версию смотрел в Хроме, ИЕ, Опере и Лисе (не старых). Всё было бенч

AutoDi 15.03.2016 15:39

Спасибо!


Часовой пояс GMT +3, время: 22:40.