`

scrollTop, 心急吃不了热豆腐

阅读更多
http://youmonitor.us  新版发版前的晚上,临时有一个bug需要修改,需要修改到div的scrolltop属性,可是无论我怎么设置scrollTop属性的值,div里面的内容就是不动,QA在一边拼命的催,搞得我手忙脚乱,郁闷...,div的height已经设置了,为什么不行呢?第二天,心静下来才发现,原来当div里面的内容还没有超过div的高度的时候,scrollTop是不起作用的,想想也对,里面的东西不多,scroll干吗呢?呵呵,看来心急吃不了热豆腐这句话是对的。
分享到:
评论

相关推荐

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    如果不可用,则根据浏览器的兼容模式选择`document.documentElement.scrollTop`或`document.body.scrollTop`。 ### 结论 综上所述,理解和解决`document.body.scrollTop`和`document.documentElement.scrollTop`的...

    document.body.scrollTop用法

    `document.body.scrollTop` 及其相关属性是前端开发者不可或缺的工具之一。通过对这些属性的深入理解和合理利用,我们能够更好地控制页面的行为,提升用户体验。特别是在响应式设计、动态加载内容等场景中,这些属性...

    根据例子来理解scrollHeight,clientHeight,scrollTop的区别

    在本文中,我们将深入探讨与页面布局相关的三个关键概念:`scrollHeight`、`clientHeight` 和 `scrollTop`。这些属性对于前端开发人员来说非常重要,尤其是在处理动态网页元素时。通过一个具体的示例代码,我们可以...

    scrollTop原生JavaScript实现的回到顶部库

    本文将详细介绍如何使用原生JavaScript实现一个适应PC和移动设备,且兼容到IE7的"scrollTop"回到顶部库。 一、scrollTop属性 在JavaScript中,`scrollTop`属性用于获取或设置元素的垂直滚动位置。对于一个元素(如...

    返回顶部 jquery scrolltop

    if ($(this).scrollTop() > 50) { $('#back-to-top').fadeIn(200); // 渐入效果 } else { $('#back-to-top').fadeOut(200); // 渐出效果 } }); // 点击返回顶部按钮时,平滑滚动到页面顶部 $('#back-to-top...

    vue项目设置scrollTop不起作用(总结)

    本文总结了在Vue项目中设置scrollTop不起作用的问题,并提供了解决方案。 问题描述: 在开发过程中,当页面内容较长,分为多个模块,每个模块都有对应的标题,点击标题后需要滚动到相应模块内容位置。为了实现这一...

    Js中 关于top、clientTop、scrollTop、offsetTop

    Js中 关于top、clientTop、scrollTop、offsetTop等

    ScrollTop滚动 jquery自定义滚动到指定位置

    本主题聚焦于jQuery中的`scrollTop`方法,这是一个强大的工具,用于处理页面的滚动行为,尤其是实现自定义滚动到指定位置的功能。下面将详细探讨`scrollTop`的使用和相关知识点。 首先,`scrollTop`是一个获取或...

    javascript scrollTop正解使用方法

    在实际应用中经常会遇到以下问题:document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...

    scrollTop-scrollHeight-offsetHeight.html 滚动滚动条 相应的值自动改变

    滚动滚动条 相应的值自动改变 对scrollTop scrollHeight offsetHeight不了解的 快下下来 学习吧 打开html一看 你就知道什么意思了 还能看源码 滚动滚动条 相应的值自动改变

    JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍

    ### JS中offsetTop、clientTop、scrollTop、offsetHeight各属性详解 #### 一、概述 在JavaScript中,处理页面布局和滚动效果时经常会用到一些DOM属性,如`offsetTop`、`clientTop`、`scrollTop`和`offsetHeight`等...

    深化浅析JavaScript中的scrollTop_.docx

    `offsetTop`属性表示一个元素的上边缘与其最近不可滚动父元素上边缘之间的距离,是一个固定的数值。而`scrollTop`则是随着用户滚动而变化的,表示当前滚动位置距离元素顶部的距离。因此,`offsetTop`是静态的,而`...

    javascript中scrollTop详解

    在JavaScript中,`scrollTop`属性被广泛应用于控制垂直滚动的位置,它表示一个元素内容顶部和视口顶部之间的距离。而`scrollLeft`则是控制水平滚动位置的属性。本文将详细讲解`scrollTop`的使用方法、原理、以及在...

    document.body属性.document.body.scrollTop

    3. **与window对象的scrollY区别**:虽然 `window.scrollY` 和 `document.body.scrollTop` 在很多情况下结果相同,但它们并不完全等价。`window.scrollY` 返回的是整个窗口(包括顶部固定元素)相对于浏览器顶部的...

    解决VUE中document.body.scrollTop为0的问题

    Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD,即指定...

    js中scrollTop()方法和scroll()方法用法示例.docx

    除了`scrollTop()`方法之外,还有其他几个与滚动相关的属性也非常实用,包括但不限于: - **`scrollHeight`**: 元素的总高度,包括溢出的内容。 - **`scrollWidth`**: 元素的总宽度,包括溢出的内容。 - **`...

    Document.body.scrollTop的值总为零的快速解决办法

    如果浏览器不支持`pageYOffset`,则退回到使用`document.documentElement.scrollTop`或`document.body.scrollTop`。这种方式可以确保在各种浏览器和解析模式下都能正确获取滚动位置。 总结来说,`document.body....

    解决vue单页路由跳转后scrollTop的问题

    最开始我使用了一个很笨的方法,每个页面上都加上window.scrollTop(0,0);来解决问题,但是这个太繁琐了。最后和小伙伴们商量了一下,在main.js页面上加了这么一段代码 router.afterEach(function (to) { window....

Global site tag (gtag.js) - Google Analytics