获取兼容性的滚动scrollTOP-LEFT值

最新推荐文章于 2021-05-26 15:40:51 发布
最新推荐文章于 2021-05-26 15:40:51 发布
阅读量263 收藏
点赞数
分类专栏： Javascript原生写法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39652441/article/details/77126824
版权
<script>
function scrollTo(){
if (window.pageYOffset!=null) {
return {
left:window.pageXOffset,
top:window.pageYOffset
}
}else if (document.compatMode==="CSS1Compat") {
return {
left:document.documentElement.scrollLeft,
top:document.documentElement.scrollTop
}
}return {
left:document.body.scrollLeft,
top:document.body.scrollTop
}
}
</script>
李嘉杰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
11-23
最近做了个项目，其中有一目录功能，发现一个在现代浏览器间的一个bug，或是称之为差异，即页面滚动值(scrollTop)的获取与设定。 在此之前先说一下关于页面元素的坐标获取，这张图的经典性不必再提。 实现滚动到...
JS做一个接近无限时长的滚动条
qq_49416650的博客
08-02 395
内容栏滚动特效，js实现
页面窗口位置-scrollLeft和scrollTop
个人博客
10-12 4876
页面窗口位置之scrollLeft和scrollTop使用场景适用情况使用场景具体演示查看设置 使用场景 适用情况 这两个属性只能用于元素设置了overflow的css样式中。否者这两个属性没有任何意义。且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。 使用场景 当你的子盒子宽度或者高度大于父盒子，且父盒子设置了overflow属性时，就可以使用js操作scrollLeft和scrollTop 这里拿overflow=auto举例 &
offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft的个人理解
Fiona_lms的博客
10-25 1万+
offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft
文档滚动对 scrollTop scrollLeft的兼容性封装
Wang的专栏
01-01 1619
Document /* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; } htm
React 监听页面滚动
sanshuiwang
07-28 7113
const scrollEvent = event => { // 滚动的高度 const scrollTop = (event.srcElement ? event.srcElement.scrollTop : false) || window.pageYOffset || (event.srcElement ? event.srcElement.body....
关于scrollLeft,scrollTop的浏览器兼容性测试
09-05
弹窗在谷歌浏览器chrome下的位置跟在别的浏览器下不一样，接下来介绍下scrollLeft,scrollTop的浏览器兼容性，感兴趣的你可以参考下哈
scrollTop-scrollHeight-offsetHeight.html 滚动滚动条 相应的值自动改变
12-28
滚动滚动条 相应的值自动改变 对scrollTop scrollHeight offsetHeight不了解的 快下下来 学习吧 打开html一看 你就知道什么意思了 还能看源码 滚动滚动条 相应的值自动改变
react-scrolltop-button:可重用，可自定义的滚动到顶部的React组件
05-14
react-scrolltop-按钮 :index_pointing_up: React组件以滚动到页面顶部。 演示版 安装 npm install react - scrolltop - button 用法 import ScrollTop from "react-scrolltop-button" ; 使用所有默认值 <ScrollTop...
oc-scrollTop-plugin
05-01
滚动到顶部插件 该插件向添加了“顶部滚动”集成功能。 细节 可用选项： 速度：滚动结束所需的时间（以毫秒为单位） 大小：按钮的大小（以像素为单位） 头寸选项 位置：要显示按钮的位置（右下/左下/右上/左上） ...
如何正确的获取scrollTop/scrollLeft的值
weixin_30730053的博客
08-02 1426
提示的窗口要一直位于浏览器的右下角，随页面滚动而滚动。看起来很简单，当时想到了一种较为简单的方案，那就是使用 “position:fixed;”，利用固定定位实现，很简单，但是，存在兼容性问题，IE6(QS)/IE7(Q)/IE8(Q)下是不支持的。那个东西还必须兼容IE6，于是我就想到了使用 JS来控制一个绝对定位的元素。通过改变它的位置来使它始终在右下角。……后来，用到了一个属性：scroll...
reactjs scrollTop
weixin_34337381的博客
12-19 278
问题1： 单页应用开发时，当在A页面滚动滚动条后，点击进入B页面，滚动条保持在A页面的滚动位置。 目标： 同级路由切换时，滚动条回滚到页面顶端。 解决方案： //在componentDidMount周期添加scrollTo() class Home extends Component{ componentDidMount(){ ...
react----在react中监听页面的滚动scrollTop，scrollLeft
Seeyoucm
05-14 1万+
在react中，监听当前页面的滚动情况
javascript event.srcElement 兼容问题
神秘的小岛岛
09-15 1758
问题描述:event = event? event: window.event var n = event.srcElement.id? event.srcElement.id:event.target.id;  第二句话firefox报错 event.srcElement未定义，怎么解决？ IE没问题  解决方法:   因为ff下本身不支持 srcElement 而是支持 target ,这里这
在react中监听页面的滚动scrollTop，scrollLeft
hzxOnlineOk的博客
05-26 1456
// pc滚动事件触发 const PC_Scroll = () => { window.addEventListener('scroll', bindHandleScroll); }; const bindHandleScroll = (event) => { // 滚动的高度 const scrollTop = (event.srcElement ? event.srcElement.documentElement.scrollTop : .
selenium+webdriver+python 滚动条（scrollTop）下拉
Katios
01-11 2万+
语言：python 在获取元素的时候，明明元素确切的存在但是无法定位到，原因比较常见的有两个 1.等待时间不够，time.sleep()下看看 2.元素在页面下方，需要将滚动条拉到底部才能找到该元素滚动条，今天来说说滚动条通常只需要加入#将滚动条移动到页面的底部 js="var q=document.documentElement.scrollTop=100000" driver.exec
关于scrollTop的兼容问题
二次猿的博客
11-17 832
1、各浏览器下 scrollTop的差异
基于react封装监听页面滚动组件
Beamon__的博客
08-17 4218
前段时间做了一个react的pc项目，因为业务需要做监听页面滚动操作，在网上找了一些方法都不太理想，干脆直接自己动手丰衣足食了，代码如下： /** * 文档作者: Beamon__ * 描述信息：公共组件-监听页面滚动触发回调 * props： * num：{number} 设置的触底限制高度，默认值为0 * scrollCallback：{function} 满足页面滚...
document.body的一些用法以及js中的常见问题
热门推荐
lhzjj的专栏
09-02 3万+
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth    (包括边线的宽); 网页可见区域高： document.body.offsetHeight   (包括边线的宽); 网页正文全文宽： document.body.scro
获取整个页面的scrollTop值
最新发布
05-24
请注意，如果你想监视页面滚动事件，并在滚动时获取最新的 scrollTop 值，可以使用 `window.addEventListener('scroll', callback)` 来注册一个事件监听器。在事件处理函数中，你可以使用上述代码来获取最新的 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值