当到达浏览器窗口的底部时,即当用户完全向下滚动页面时,如何使返回到顶部的链接向上滑动到位置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);
});
});发布于 2012-11-23 17:55:12
您只需检查用户是否像这样向下滚动到底部页面:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
console.log("bottom reached");
}
});如果到达底部,您可以根据自己的喜好设置链接的位置,或者对其进行动画处理,使其稍微向上跳跃或类似的操作。
https://stackoverflow.com/questions/13525694
复制相似问题