ScrollTop действительно отрывистый в Chrome
m используя функцию scrollTop для создания веб-сайта с прокруткой параллакса, привязывая функцию scrollTop к различным якорям на моем веб-сайте.
Проблема яу меня есть то, что прокрутка становится действительно прерывистым / резким в Chrome, но как-то хорошо в Firefox.
Мой код выглядит следующим образом:
$('.recipes').click(function(){
$('html,body').animate({
scrollTop: $(".main1").offset().top
}, 1500);
});
$('.cooking').click(function(){
$('html,body').animate({
scrollTop: $(".main2").offset().top
}, 1500);
});
Есть ли альтернативный способ сделать это, чтобы прокрутка сайта неТяга может быть, функцию ослабления я могу добавить?
РЕДАКТИРОВАТЬ-Если я уберу следующую функцию, кажется, что отрывистость исчезнет, что-то не так с кодом или, возможно, есть другой способ его написания?
var startY = $('#container').position().top + $('#container').outerHeight();
$(window).scroll(function(){
checkY();
});
function checkY(){
if( $(window).scrollTop() > startY ){
$('#backToTop, #navigation').fadeIn(600);
}else{
$('#backToTop, #navigation').fadeOut(600);
}
}
checkY();
ВТОРОЕ РЕДАКТИРОВАНИЕ
$(document).ready(function(){
$('.recipes').click(function(){
$.scrollTo('.main1', 1500)
});
$('.cooking').click(function(){
$.scrollTo('.main2', 1500)
});
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 600) {
$('#backToTop, #navigation').show();
} else {
$('#backToTop, #navigation').hide();
}
});
});
});