div 的scrollTop增长问题

最新推荐文章于 2024-04-19 17:58:17 发布
最新推荐文章于 2024-04-19 17:58:17 发布
阅读量1.2k 收藏
点赞数
分类专栏： Html/Css/JavaScript 文章标签： scrollTop增长
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gwpJava/article/details/9466599
版权
当使用JavaScript通过`scrollTop++`让div元素滚动时，如果未重置scrollTop，它并不会无限增长。当`Inewgsl:demo1`的offsetHeight与`Inewgsl:demo2`的offsetHeight之和等于div `Inewgsl:demo`的高度时，滚动将达到最大值并停止。总结：div的scrollTop增长会在其内容区域底部与div自身底部重合时停止。
摘要由CSDN通过智能技术生成

<div id="Inewgsl:demo" style="OVERFLOW:hidden;WIDTH:195px;HEIGHT:181px">
<table cellpadding="0" cellspacing="0" border="0"> 
<tr> 
<td id="Inewgsl:demo1">
<table cellpadding="0" cellspacing="0" border="0"> 
<tr> 
<td> 
<asp:datalist id="dlgsl" Runat="server" Widt

最低0.47元/天 解锁文章
gwpJava
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
scrollTop是什么及用法说明
小刚
06-01 4万+
scrollTop属性是什么?有些情况下,“元素中内容”的高度会超过“元素本身”的高度, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。通过一个实例演示来讲述scrollTop属性是什么下面的演示中，外层元素的高度值是200px,内层元素的高度值是300px。很明显，“外层元素中的内容”高过了“外层元素”本身.当向下拖动滚动条时，有部分内容会隐没在“外层元素
HTML中 scrollTop++ 不能够实现div向上滚动的原因
chenfengstrong的专栏
07-08 6096
假设有三个层，id分别是：demo,demo1,demo2,包含关系如下：即，demo 包含demo1和demo2; HTML代码：  div id="demo" style="background-color:#ff0000; width:500px;height:200px;overflow: hidden;" >                  div id="demo1"
el-table 表格从下往上滚动，触底自动请求新数据
最新发布
细节怪的博客
04-19 572
el-table 实现表格从下往上滚动，触底自动请求新数据；鼠标移入区域停止滚动，移出继续滚动。
关于scrollTop添加动态效果的问题
qq_38744335的博客
11-23 4265
问题：scrollTop是js属性, 不是css属性, 所以无法使用transition或者animate去加动画。 奇怪了：$('#toTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 500);});为什么能正常运行，能按要求的实现效果？ 这个是我亲测的，在IE8以上的浏览器都是没有问题的! 谁可以解答一下
关于 details.scrollTop++; 没有效果
m-dididid的博客
11-29 309
当出现details.scrollTop++; 没有效果时 console.log(details.scrollTop); //0 details.scrollTop++; console.log(details.scrollTop); //0 是因为没有设置details的高度，给它一个高度就可以了 ++之后数字只比之前大了0.7多(不到1)，是因为计算机存储数据的...
JQuery Div scrollTop ScrollHeight
amx96815的博客
07-14 139
http://www.cnblogs.com/dingyingsi/archive/2013/09/24/3337813.html jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性，互联网上几乎搜素不到关于它的应用技巧，而我正好需要用...
用scrollTop实现让一个div始终显示在页面的某个地方
alm1968的博客
08-08 219
　　首先我要实现的效果是：不管浏览器的滚动条如何滚动，div始终在页面的某个位置不随滚动条的滚动而改变，这里只使用浏览器的Y轴滚动条。 要实现这个效果思路其实很简单，首先我要确定浏览器在静态时div在页面的位置（即页面距离浏览器窗口的顶部距离theTop），然后随着滚动条的滚动，我需要随时获取滚动值scrollTop，将两者相加，就可以实现想要的效果。 CSS部分： ...
解决vue单页路由跳转后scrollTop的问题
10-18
本文将详细介绍如何解决Vue单页路由跳转后scrollTop的问题。 首先，这个问题通常是由于浏览器的默认行为导致的。当你通过Vue Router进行路由跳转时，浏览器会记住之前页面的滚动位置。为了解决这个问题，我们可以...
js实现获取div坐标的方法
01-19
本文实例讲述了js实现获取div坐标的方法。分享给大家供大家参考，具体如下： html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如下方法可以实现： /*** * 获取div的坐标 * @param divObj * @returns {{...
解决VUE中document.body.scrollTop为0的问题
10-18
今天小编就为大家分享一篇解决VUE中document.body.scrollTop为0的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
scrollTop 用法说明
09-06
在示例代码中，当外层`div`的滚动条被拖动时，会触发`onscroll`事件，注册的`读取scrollTop的值并显示出来`函数会被调用，实时更新并显示当前的`scrollTop`值。 设置`scrollTop`的值同样使用`element.scrollTop`，...
javascript中scrollTop详解
10-24
本文主要给大家介绍了javascript中的scrollTop方法，以及scrollTop在各大浏览器的兼容性情况的详细测试，十分的细致全面，这里推荐给大家，有需要的小伙伴可以参考下。
让DIV的滚动条自动滚动到最底部scrollTop
一位前行者的博客
08-12 1823
制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。 聊天程序是基于websocket设计的，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。 这里推荐一个好用的一个平台（如流）： http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html 让滚动条自动有新信息滚动到底部首先请求websocket // test 是vue里封装的axios请求--params为带参 t
jQuery CSS 操作 - scrollTop() 方法
极客神殿
06-16 2013
jQuery CSS 操作函数 下面列出的这些方法设置或返回元素的 CSS 相关属性。 CSS 属性 描述 css() 设置或返回匹配元素的样式属性。 height() 设置或返回匹配元素的高度。 offset() 返回第一个匹配元素相对于文档的位置。 offsetParent() 返回最近的定位祖先元素。 position() 返回第一个匹配元素相对于父元素的位置...
scrollTop以及DIV高度问题
kingdomwar的博客
09-12 2396
1、html页面的scrollTop值受Doctype的影响，有的是通过document.documentElement.scrollTop获取，       有的是document.body.scrollTop获取； 2、DIV只有内联设置了width或者height之后，才能通过element.style.height或element.style.width获取宽和高；      ele...
jquery判断div滚动条到底部
weixin_33845881的博客
09-28 238
   jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性，互联网上几乎搜素不到关于它的应用技巧，而我正好需要用到它。    我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。    一、滚动条有关属性的正确理解：    假设有...
滚动条在页面刷新之后往上走了一截（变小了）？
hzxOnlineOk的博客
01-24 741
html的scrollTop在页面刷新之后往上走了一截（变小了）？ 这种情况，可能由于元素的高度不确定（动画或者过渡或者动态计算高度都可能导致），造成页面刷新后的滚动条位置发生改变； 解决：找到该元素，为他的父元素设定一个高度即可 ...
div中打开滚动条与设置滚动条位置
暄妍丶的博客
10-22 7644
div中打开滚动条与设置滚动条位置一、给div设置滚动条二、设置滚动条的位置通过锚点跳转设置scrollTop的值 当我们给div设置固定的高度或宽度的时候,超出的内容默认是不显示的.但是我们有将他们显示出来的需求,比如自己做一个,这时候我们就需要给div加上滚动条了 一、给div设置滚动条 我们只需要这么一行css代码 overflow: scroll; 如果我们只想添加高度滚动条,我们可以使用下面的语句 /*设置纵向滚动栏*/ overflow-x: scroll; /*设置横向滚动栏*/ overf
修改div的scrollTop
08-31
要修改一个div元素的scrollTop属性，可以使用JavaScript来实现。以下是一个示例代码： ```javascript var divElement = document.getElementById('myDiv'); // 获取要修改的div元素 divElement.scrollTop = 500; //...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值