Прокрутка на определенный интервал
Здравствуйте!
Подскажите пожалуйста, я совсем еще новичок. Есть код прокрутки страницы вверх вниз. Он прокручивает станицу или полностью верх или полностью вниз. Можно сделать так чтобы прокрутка осуществлялась частями, например каждые 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")}) }); |
AutoDi,
Те надо подремонтировать 14 и 15 строку. А именно скроллТоп. Ты должен иметь ввиду текущий window.scrollTop() . В первом случае надо проверять window.scrollTop - 10% (условно говоря) на >0. Если тру, то scrollTop: window.scrollTop - 10% (условно говоря)? иначе 0. Есть аналогия и со вторым, но обычно бывает, что сложности возникают именно с прокрутками вниз) Накидаю - скину |
Вот спасибо, если не затруднит накидать хотя бы примерно, буду очень признателен. В синтаксисе пока не силен.
|
|
Спасибо огромное все работает. Только один вопрос. При загрузке страницы кнопки сначала не появляются ни вниз ни в верх, нужно немного прокрутить вниз тогда появляются обе и дальше уже все работает как надо, при самом верхнем положении остается только кнопка вниз, вверх исчезает и наоборот.
Что нужно сделать чтобы при загрузке страницы кнопка вниз появлялась сама сразу? |
AutoDi,
1) Какой браузер у тебя? 2) Чуть поменял http://jsfiddle.net/Coriolan161/ry99L0cj/ Наверно косяк был в стилях. Покопипасти стили и js 3) Новую версию смотрел в Хроме, ИЕ, Опере и Лисе (не старых). Всё было бенч |
Спасибо!
|
Часовой пояс GMT +3, время: 22:40. |