关于 details.scrollTop++; 没有效果

最新推荐文章于 2023-08-18 17:20:25 发布
最新推荐文章于 2023-08-18 17:20:25 发布
阅读量295 收藏
点赞数
分类专栏： javaScript 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41251187/article/details/103314272
版权

当出现details.scrollTop++; 没有效果时

console.log(details.scrollTop);     //0
details.scrollTop++;      
console.log(details.scrollTop);     //0

是因为没有设置details的高度，给它一个高度就可以了

++之后数字只比之前大了0.7多(不到1)，是因为计算机存储数据的方式是二进制，而十进制的数不能用二进制准确表示，所以计算机无法准确的存储整数

M-Didid
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
安卓和ios的scrollTop获取的值不一致的问题记录
weixin_45626517的博客
08-11 961
一段下拉刷新的代码出现了兼容bug，按理说利用 scrollHight <=clientHight *2+ scrollTop就能判断出下拉的情况，然后在触发刷新函数。代码如下： 但是在使用document.documentElement.scroll获取滚动值的时候，在ios上可以得到对应的值，但是在安卓上不管怎么滑动怎么都是0。 之后我就换成document.body.scrollTop,如下： 然后就更奇...
js 获取滚动条位置 scrollTop总是0
weixin_43964271的博客
06-06 2031
由于页面导航栏是在页面中而非顶部固定的，所以需要在页面滚动到遮挡住导航栏的时候，在固定位置显示导航栏，我看网上案例类似的有页面向下滚动到一定位置的时候显示一键置顶的按钮等，都是类似的需求。改为①e.target.scrollTop获取div滚动位置；②addEventListener第三个参数设置成true，事件捕获，就可以实时获取div的滚动位置了。结果一直输出的是0，而且并不是一直监听，只输出几次；定义有滚动条的dev区域是box。
解决VUE中document.body.scrollTop为0的问题
12-09
Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。 页面没有DTD，即没指定DOCTYPE时，使用document.body。 IE和Firefox都是如此。 以上这篇解决VUE中document.body.scrollTop为0的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，
vue中scrollTop取值无效问题
小D科技的博客
09-28 8945
最近在写Vue中的微信公众号程序遇到个问题，div获取scrollTop始终是0 网上查询了下，大家发的都是兼容性的问题的处理......，关于DTD兼容的，这里我都试过，发现并没有用，到底问题是出现在哪里呢？后面发现dom元素选错了 ，，我有个goodList组件  在index页面的index-content盒子中渲染，先前我一直取用goodList组件的scrollTop，所以一直是零。后...
微信小程序scroll-view滚动scrollTop不准确
woshiabc111的博客
05-16 1792
如果在方法内写this.setData这种赋值的操作小程序可能会卡死无法滑动，建议在scrollTop到达一定数值后在进行操作，比如scrollTop=0先判断时候滑动到顶部或者底部，再来控制其他view的显示隐藏。1.这是因为每次滚动监听事件都会被调用比较耗费资源系统会默认节流可以在scroll-view 加一个 throttle=“{{false}}” 关闭节流。2.减少scroll方法内的操作因为scroll-view内随便滑动一下监听事件可能。小程序里使用scroll-view。
解决浏览器窗口缩小到一定比例，scrollTop无法修改的问题
m0_51499501的博客
10-13 743
问题记录
解决浏览器缩放时ScrollTop失效
最新发布
qq_59625204的博客
08-18 545
而在浏览器缩放时，window.devicePixelRatio会变成比1还小，所以会导致scrollTop++一直是0，此时使用下方代码就可以解决了。在谷歌浏览器中使用scrollTop++会失效，是因为scrolltop++会解析成1*window.devicePixelRatio，
当浏览器缩放时，scrollTop不生效
qq_43651168的博客
06-15 856
当浏览器缩放时，scrollTop++不生效，scrollTop++一直为0
js实现滚动条自动滚动（scrollTop）
热门推荐
栈木地
02-19 7万+
效果类似于直播网站的评论，会一条接着一条向上 go out ；   js部分很简单：通过控制scrollTop的值来实现自动滚动效果；                         很重要两点：    1、scrollTop的值不可以加单位，谨记！                                                   2、网页缩放比例会影响效果实现（下面具体...
滚动字幕scrollTop无效问题
02-04 424
一、现象 应需求，需要将一段字幕实时滚动，效果如下 代码如下： gundongLeftBot () { var guangbo = '' var guangboLen = 0 var self = this setTimeout(() => { guangbo = self.$refs.record guangboLen = self.data_list.playRecord.length * 54 - 272 - 16
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
11-23
最近在做博客的目录功能，发现一个在现代浏览器间的一个bug，或是称之为差异，即页面滚动值(scrollTop)的获取与设定。 在此之前先说一下关于页面元素的坐标获取，这张图的经典性不必再提。  实现滚动到某位置功能 一个最主要的功能就是实现点击标题页面滚动，因为我们要滚动到页面某个标题，所以需要计算出滚动这个元素的具体绝对位置，而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量，此处不适用。 此处应使用浏览器原生提供的 getBoundingClientRect 接口，此函数返回的是元素距离浏览器各边距的绝对位置，跟是什么定位类型的无关，非常适合制作页面滚动效果。 
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
12-10
} 可是怎么没有达到预期效果呢，输出 document.body.scrollTop 的值一看，一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。但是要符合 web 标准，DTD 当然是不能少的。具有 D
关于window.pageYOffset和document.documentElement.scrollTop
09-05
window.pageYOffset：Netscape属性，指的是滚动条顶部到网页顶部的距离
document.documentElement && document.documentElement.scrollTop
10-30
document.documentElement && document.documentElement.scrollTop
（react）设置scrollTop无效的原因及解决方法
weixin_51719919的博客
03-11 1万+
一、项目的需求描述 不停的请求后端日志，输出到页面上，当用户不做任何操作时，动态显示日志，即放日志的盒子里面内容滚动到最底部；当用户触发了滚动事件查看历史日志时，盒子不再滚动到最底部，随着用户的滚动显示对应的日志，且确保不会中断请求日志，当用户再次滚动到页面最底部并且不再做任何操作时候，再次实现盒子里面内容动态滚动到最底部（类似聊天界面，只要你不翻看聊天记录，就会滚动显示最新消息） 二、设置scrollTop的方法 1. 原生 HTML 中使用 JS 直接修改 方法一：使用scrollTo函数来设置滚动条的
scrollTop获取不到值的解决方法
weixin_30369087的博客
12-18 683
一般都是页面上有html头部标准文件DOCTYPE 解决方法如下，可以去掉DOCTYPE 或者document.documentElement.scrollTop来获取 转载于:https://www.cnblogs.com/ytmf007/archive/2009/12/18/1627155.html...
scrollTop无效问题
yihanzhi的博客
06-26 8158
元素设置srcollTop的值无效，需要为该元素添加高度后，即可生效！
div 的scrollTop增长问题
gwpJava的专栏
07-25 1219
<asp:datalist id="dlgsl" Runat="server" Width="100%" ItemStyle-CssClass="lheight">   我们可以通过Inewgsl:demo的scrollTop++来实现滚动，可是有这样一个问题，如果我们不把scrollTop复位，写成这样会有什么结果呢 var d=doc
HTML中 scrollTop++ 不能够实现div向上滚动的原因
chenfengstrong的专栏
07-08 6088
假设有三个层，id分别是：demo,demo1,demo2,包含关系如下：即，demo 包含demo1和demo2; HTML代码：  div id="demo" style="background-color:#ff0000; width:500px;height:200px;overflow: hidden;" >                  div id="demo1"
帮我优化以下代码<div ID="ABC" onmousemove="showPreview(event, this)" onmouseout="hidePreview()"> <!-- 需要显示预览内容的DIV --> <p>预览内容123123</p> </div> <div id="preview" style="display:none; position:absolute;"> <!-- 预览浮窗 --> </div> <script> function showPreview(event, element) { // 获取需要预览的内容 var previewContent = element.innerHTML; // 设置预览浮窗内容 previewElement.innerHTML = previewContent; // 设置预览浮窗位置 var left = event.clientX + "px"; var top = event.clientY + "px"; if (document.documentElement && document.documentElement.scrollTop) { left = event.clientX + document.documentElement.scrollLeft + "px"; top = event.clientY + document.documentElement.scrollTop + "px"; } else if (document.body) { left = event.clientX + document.body.scrollLeft + "px"; top = event.clientY + document.body.scrollTop + "px"; } previewElement.style.left = left; previewElement.style.top = top; // 显示预览浮窗 previewElement.style.display = "block"; } </script>
05-27
你可以将预览浮窗的 HTML 内容也放在需要显示预览内容的 div 元素中，这样就不需要在 JavaScript 代码中再次设置预览浮窗内容了。... 优化后的代码如下所示： ...这样，代码更加简洁、易读，并且没有重复的代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值