与jQuery中的"scrollTop"相反
的是"scrollBottom"。
"scrollBottom"是一个自定义的方法，用于获取或设置元素滚动条距离底部的位置。它与"scrollTop"相反，"scrollTop"用于获取或设置元素滚动条距离顶部的位置。
"scrollBottom"方法可以通过以下方式使用：
- 获取元素滚动条距离底部的位置：var scrollBottomPos = $(element).height() - $(element).scrollTop() - $(window).height();这将返回一个表示滚动条距离底部的位置的数值。
- 设置元素滚动条距离底部的位置：var scrollBottomPos = 100; // 设置滚动条距离底部的位置为100像素 $(element).scrollTop($(element).height() - $(window).height() - scrollBottomPos);这将使滚动条滚动到距离底部100像素的位置。
"scrollBottom"方法在一些特定的场景中非常有用，例如在聊天应用程序中，当有新消息到达时，可以自动滚动到最新的消息位置。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
jQuery有一个名为scrollTop的函数，可用于查找隐藏在当前页面视图上方的像素数。
我不知道为什么，但是没有一个scrollBottom函数可以返回当前页面视图下的像素数。有没有添加此功能的jQuery插件？或者它需要对窗口/文档高度和scrollTop值进行一些复杂的数学运算？
浏览 0提问于2010-11-16得票数 24
回答已采纳
2回答
我的站点上有一个垂直导航点击功能，它在火狐、IE10和IE9中工作得很好，但在Chrome或Safari中不起作用。在检查页面时，我不会收到任何铬错误。我从FF和Chrome的作品中得到的原始代码，但由于我已经分叉了，这段代码在Chrome中不再起作用。原始代码：我的小提琴：<div style="height: 5000px">
<section class="
浏览 5提问于2015-04-23得票数 2
回答已采纳
3回答
但我不知道如何编辑我的代码，使它们都能发挥作用。我既可以让按钮工作，也可以让滚动条工作，而不是两者都工作。有人能帮忙吗？ height:90px; }
<ul cla
浏览 1提问于2017-04-05得票数 2
回答已采纳
我有这个jQuery函数： $('html, body').animate({scrollTop: $("#LoginBox另一方面，我正在尝试构建与上面发布的函数相同的函数。所以，点击一下，我就会发送id (我有Ex。登录或LoginBox)，以便函数将缓慢滚动到锚点(id=Login或LoginBox)。现在我不得不这样叫它: class="scroll
浏览 0提问于2012-12-24得票数 5
回答已采纳
如果$(window).scrollTop()大于或小于固定值，我想执行两个动画，比如705$(window).scroll(function(){ $("#scroll").html(scroll); $("#box").animate(
浏览 5提问于2014-01-18得票数 1
回答已采纳
3回答
因此，我想在特定条件下关闭jQuery事件(如果用户向下滚动)，但如果他们做相反的操作(向上滚动)，那么我希望事件打开，这样它就会触发。这是我的代码，但由于我是jQuery的新手，我非常确定我在处理程序中遗漏了什么-我只是不知道它应该是什么。代码如下：
//code herevar position = $(window).<em
浏览 2提问于2015-07-05得票数 3
1回答
淡入/松开粘头
、、
我的一个客户端正在使用一个粘稠的头，在一定距离后开始滚动。jQuery不是我的强项，所以任何帮助都是很棒的。这里是，这是当前用于粘性标头的jQuery；
var headerheight = $("header").height();var heade
浏览 2提问于2013-12-06得票数 0
是否可以执行$(this)的反向操作请看下面的示例代码。我已经用$(reverse)标记了$(this)，所以您可以看到我想要实现的目标。
浏览 0提问于2012-07-30得票数 4
回答已采纳
我正在尝试创建一个垂直平滑的滚动网站，使用jQuery。我正在使用这个JavaScript和这个教程的来创建站点。但我在固定标题时遇到了问题，滚动效果很好，但它显示在相关div的一半以下，因为div与页面顶部对齐，而不是像我希望的那样在固定标题下对齐。我试着给scrollTop添加了一个偏移量，但是所有的东西都在页面上松散了，出现在固定标题上面的东西等等。如果有人能提供任何线索，我将不胜感激。});我在StackOverflow (+
浏览 1提问于2012-09-27得票数 0
回答已采纳
我试图让我的页面幻灯片到下一个内容点击，但我遇到了一个小问题。container = $('#container-content'), scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
}, 1500, 'easeInSine',
浏览 2提问于2014-06-08得票数 0
回答已采纳
老实说，我对JQuery还很陌生，还在努力摸索着通过它。也就是说，我正在尝试创建一个简单的视差效果，但我不能很好地实现它。每当我更改数据速度属性时，它都会影响同一类的所有Div，而不仅仅是它所在的那个Div。因此，在下面的示例中，虽然两个div应该以不同的速度滚动，但它们的滚动速度与第一个div中的内容完全相同。"content2" data-speed="3">
Con
浏览 2提问于2015-04-14得票数 0
1回答
我有一个非常简单的脚本来缓解鼠标轮滚动在我的网站上。它在jQuery 1.8.3中运行得很好，但与2.0.1完全不同--我已经在我的网站上找到了另一个脚本。我想知道是什么原因导致这个脚本不能在新版本的jQuery上工作？jQuery.extend(jQuery.easing, { return c * ((t =
浏览 4提问于2014-12-11得票数 1
回答已采纳
2回答
我在Joomla工作，所以很难产生一个小提琴，但这是我的想法：
我有一个由12篇文章组成的马赛克网格显示在页面加载上，还有一个“加载更多”按钮--当点击时，又会加载12篇文章，以此类推。当用户滚动到按钮时，如何触发按钮自动单击，并自动加载接下来的12个按钮，等等？
浏览 0提问于2014-11-12得票数 0
当与'$‘而不是'jQuery’一起使用时，PhpStorm不能识别一些函数。我已经将jQuery添加到库中，然后我已经使缓存无效并重新启动了应用程序。jQuery版本: 3.3.1警告:方法不是函数类型。此代码没有任何警告。
浏览 0提问于2018-07-28得票数 0
asdfsdfas fasdfa asdf </div>
height: 100px; overflow: scroll;
在Firefox和IE中是否可以在此DIV中向下滚动？
浏览 0提问于2011-12-20得票数 0
回答已采纳
我对scrollTop()很迷惑。
jQuery文档说它应该显示一个表示给定元素的scrollTop偏移量的数字，但正如在我自己的脚本中所做的那样，在他们的演示中，它返回"0“。与使用$(window).scrollTop()命令一样，手动设置scrollTop也很有效。scrollTop()是否只返回与本身包含滚动条的</em
浏览 0提问于2009-07-19得票数 13
回答已采纳
2回答
:)
我有一个简短的帖子列表，如果你愿意的话，就叫他们引号。我有一个固定的位置头，是200 is高与透明的背景。我需要为用户滚动的每一个帖子(因此是固定位置)可见的标题，我希望读的帖子消失(或在不透明度大幅度降低)时，他们是向上滚动和后面的标题；与"lazyload“相反的200 if垫，如果你愿意的话。当然，如果用户滚动相反的方向，使post返回到视口(以及标题下方)，
浏览 7提问于2012-02-28得票数 0
回答已采纳
3回答
在，我有一个简单的jquery代码，当你滚动时，它可以让大的社交图标出现/淡出。有人知道问题出在哪里吗？var $win = $(window);$win.on('scroll', function () {
$img.each(functi
浏览 5提问于2015-02-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
