“的对立面”;scrollTop";在jQuery中
jQuery有一个名为scrollTop的函数,可用于查找当前页面视图上方隐藏的像素数 我不知道为什么,但是没有scrollBottom函数返回当前页面视图下的像素数 是否有添加此功能的jQuery插件?还是需要对窗口/文档高度和scrollTop值进行详细的计算?也许这会有所帮助,因为实际上没有相反的函数。scrollLeft也有同样的问题-没有scrollRight,您可以尝试插件并执行以下操作:“的对立面”;scrollTop";在jQuery中,jquery,Jquery,jQuery有一个名为scrollTop的函数,可用于查找当前页面视图上方隐藏的像素数 我不知道为什么,但是没有scrollBottom函数返回当前页面视图下的像素数 是否有添加此功能的jQuery插件?还是需要对窗口/文档高度和scrollTop值进行详细的计算?也许这会有所帮助,因为实际上没有相反的函数。scrollLeft也有同样的问题-没有scrollRight,您可以尝试插件并执行以下操作: $.scrollTo( document.height ) 您可以为此制作一个非常简单的插件
$.scrollTo( document.height )
您可以为此制作一个非常简单的插件:
$.fn.scrollBottom = function() {
return $(document).height() - this.scrollTop() - this.height();
};
然后调用您想要的任何元素,例如:
$(window).scrollBottom(); //how many pixels below current view
$("#elem").scrollBottom(); //how many pixels below element
由于scrollTop的默认行为在传递负值时会滚动到0,所以我使用了这个函数来处理scrollTop并模拟“向下滚动” 如果anchor_pos为负值(因此它位于我当前的滚动位置之上),我将从当前的滚动位置减去它的值(因为它有负值,所以我使用+号)
功能跳转到锚定器(可滚动的锚定选择器、锚定选择器)
{
锚定位置=$(锚定选择器).position().top;
//检查是否为负数
如果(锚定位置<0)
{
anchor\u pos=$(可滚动的\u div\u选择器)。scrollTop()+anchor\u pos;//anchor\u pos是负数,所以我要减去它
}
$(可滚动的分区选择器);
}
我就是这样计算从元素底部到文档底部的距离的:
$(document).height() - ($('#element').offset().top + $('#element').height());
如果要向下滚动(与“scrollTop”相反),请尝试在参数上使用垂直位置。像这样:
$(document).ready(function(){
$("button").click(function(){
//position on pixeles
$("body").scrollTop(1300);
});
});
正文的顶部将是:$(“正文”).scrollTop(0)代码>尝试以下操作:
return this[0].scrollHeight - this.scrollTop() - this.height();
精巧的数学?是不是[document height]-[scrollTop]-[window height]?@StevePaulo您可能不应该将文档高度与窗口高度一起使用。这将导致跨浏览器混乱。奇怪,在我的例子中是$(window.scrollbooth()
返回一个负值:它是-1*$(窗口)代码>我发现了我的问题:我遇到了这个问题:。我的HTML文件缺少doctype声明。解决方案是在HTML文件的最顶端添加
。
$(document).ready(function(){
$("button").click(function(){
//position on pixeles
$("body").scrollTop(1300);
});
});
return this[0].scrollHeight - this.scrollTop() - this.height();