当到达浏览器窗口的底部时,即当用户完全向下滚动页面时,如何使回到顶部的链接向上滑动到位置X(页脚顶部)?
现在,我的页面有一个固定在窗口底部的功能正常的返回顶部链接。但是,页面末尾有一个页脚,后页链接需要保留(或快照)在页面末尾的页脚顶部而不是浏览器窗口的底部。
Toplink的脚本是:
//plugin
jQuery.fn.topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200
}, settings);
return this.each(function() {
//listen for scroll
var el = $(this);
el.hide(); //in case the user forgot
$(window).scroll(function() {
if($(window).scrollTop() >= settings.min)
{
el.fadeIn(settings.fadeSpeed);
}
else
{
el.fadeOut(settings.fadeSpeed);
}
});
});
};
//usage w/ smoothscroll
$(document).ready(function() {
//set the link
$('#top-link').topLink({
min: 400,
fadeSpeed: 500
});
//smoothscroll
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,500);
});
});
答案 0 :(得分:0)
您可以检查用户是否向下滚动到底页:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
console.log("bottom reached");
}
});
如果到达底部,您可以根据需要设置链接的位置,或者设置动画以稍微向上跳跃或类似的东西。