我有一个scrolltotop图标,当窗口向下滚动时出现.事情就是当窗口滚动到页面底部时,它重叠了一个我不想要的div.
我想这样做,所以scrolltotop的顶部位置得到动画向上一点,以避免当窗口一直滚动到底部时与div碰撞
这是我到目前为止所拥有的:https://jsfiddle.net/qn6h9qad/
jQuery的:
//Scroll to top animate in
$(window).scroll(function(){
if ($(this).scrollTop() < 300) {
$('.scrollToTop').fadeOut(1000).css({right:-70});
} else {
$('.scrollToTop').fadeIn(1000).css({right:20});
}
});
//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},1000);
return false;
});
Run Code Online (Sandbox Code Playgroud)