Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
“的对立面”;scrollTop";在jQuery中_Jquery - Fatal编程技术网

“的对立面”;scrollTop";在jQuery中

“的对立面”;scrollTop";在jQuery中,jquery,Jquery,jQuery有一个名为scrollTop的函数,可用于查找当前页面视图上方隐藏的像素数 我不知道为什么,但是没有scrollBottom函数返回当前页面视图下的像素数 是否有添加此功能的jQuery插件?还是需要对窗口/文档高度和scrollTop值进行详细的计算?也许这会有所帮助,因为实际上没有相反的函数。scrollLeft也有同样的问题-没有scrollRight,您可以尝试插件并执行以下操作: $.scrollTo( document.height ) 您可以为此制作一个非常简单的插件

jQuery有一个名为scrollTop的函数,可用于查找当前页面视图上方隐藏的像素数

我不知道为什么,但是没有scrollBottom函数返回当前页面视图下的像素数

是否有添加此功能的jQuery插件?还是需要对窗口/文档高度和scrollTop值进行详细的计算?

也许这会有所帮助,因为实际上没有相反的函数。scrollLeft也有同样的问题-没有scrollRight,您可以尝试插件并执行以下操作:

$.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();