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

最新推荐文章于 2022-08-02 16:06:42 发布
最新推荐文章于 2022-08-02 16:06:42 发布
阅读量295 收藏
点赞数
分类专栏： 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>
李嘉杰
关注
专栏目录
关于scrollLeft,scrollTop的浏览器兼容性测试
09-05
为了解决这些兼容性问题，可以编写一个封装函数，如上述代码所示，来统一获取 `scrollLeft` 和 `scrollTop` 的值。这样的封装方法考虑到了各种情况，确保无论浏览器如何处理，都能正确获取到元素的滚动位置。 例如...
React 监听页面滚动
sanshuiwang
07-28 7220
const scrollEvent = event => { // 滚动的高度 const scrollTop = (event.srcElement ? event.srcElement.scrollTop : false) || window.pageYOffset || (event.srcElement ? event.srcElement.body....
JS做一个接近无限时长的滚动条
qq_49416650的博客
08-02 439
内容栏滚动特效，js实现
offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft的个人理解
Fiona_lms的博客
10-25 1万+
offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft
页面窗口位置-scrollLeft和scrollTop
个人博客
10-12 4992
页面窗口位置之scrollLeft和scrollTop使用场景适用情况使用场景具体演示查看设置 使用场景 适用情况 这两个属性只能用于元素设置了overflow的css样式中。否者这两个属性没有任何意义。且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。 使用场景 当你的子盒子宽度或者高度大于父盒子，且父盒子设置了overflow属性时，就可以使用js操作scrollLeft和scrollTop 这里拿overflow=auto举例 &
javascript中元素的scrollLeft和scrollTop属性说明
cw_hello1的专栏
11-23 5494
再说意义之前，前说一下这两个属性的适用范围： 注意：这两个属性只能用于元素设置了overflow的css样式中。否者这两个属性没有任何意义。且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。 注意：在对这两个参数设置值时，直接用数字就可以了，否者不起作用。 javascript中元素的scrollLeft和scrollTo
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
09-03
页面滚动值`scrollTop`在不同浏览器间的兼容性问题是一直困扰前端开发者的难题，尤其是在FireFox和Chrome之间。本文将详细解析这个问题，并提供相应的解决方案。 首先，`scrollTop`是一个用于获取或设置元素滚动条...
通过封装scroll.js 获取滚动条的值
10-18
在实际开发中，我们可以创建scroll对象并调用其scroll方法来轻松获取滚动位置值，无需每次都去考虑兼容性问题。 文章中提供的具体实现代码如下： ```javascript function Obj() {} Obj.prototype = { scroll: ...
javascript document.compatMode兼容性
10-29
对于滚动条的左右位置`sLeft`和顶部位置`sTop`，由于在某些情况下可能存在差异，代码还做了一个条件判断，以确保获取正确的值。 总之，理解并使用`document.compatMode`可以帮助开发者更好地处理跨浏览器的兼容性...
jQuery实现的兼容性浮动层示例
10-21
jQuery库提供了一种简单且强大的方式来实现这种效果，尤其对于跨浏览器的兼容性问题有很好的处理。本示例将详细介绍如何使用jQuery实现一个兼容性良好的浮动层，并涉及到了jQuery对页面元素的操作和属性的动态设置。...
scrollLeft的具体用法
smile的博客
01-25 5856
1. /* 左右滚动成绩册列表div */ ScrollDiv : function (tp) {     var obj = $("#table_auto_width");     var left = obj[0].scrollLeft;     left = left     if (tp == 'left') {         left -= 50;     } else
文档滚动对 scrollTop scrollLeft的兼容性封装
Wang的专栏
01-01 1656
Document /* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; } htm
react----在react中监听页面的滚动scrollTop，scrollLeft
Seeyoucm
05-14 1万+
在react中，监听当前页面的滚动情况
javascript event.srcElement 兼容问题
神秘的小岛岛
09-15 1806
问题描述: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 1523
// pc滚动事件触发 const PC_Scroll = () => { window.addEventListener('scroll', bindHandleScroll); }; const bindHandleScroll = (event) => { // 滚动的高度 const scrollTop = (event.srcElement ? event.srcElement.documentElement.scrollTop : .
如何正确的获取scrollTop/scrollLeft的值
weixin_30730053的博客
08-02 1471
提示的窗口要一直位于浏览器的右下角，随页面滚动而滚动。看起来很简单，当时想到了一种较为简单的方案，那就是使用 “position:fixed;”，利用固定定位实现，很简单，但是，存在兼容性问题，IE6(QS)/IE7(Q)/IE8(Q)下是不支持的。那个东西还必须兼容IE6，于是我就想到了使用 JS来控制一个绝对定位的元素。通过改变它的位置来使它始终在右下角。……后来，用到了一个属性：scroll...
reactjs scrollTop
weixin_34337381的博客
12-19 299
问题1： 单页应用开发时，当在A页面滚动滚动条后，点击进入B页面，滚动条保持在A页面的滚动位置。 目标： 同级路由切换时，滚动条回滚到页面顶端。 解决方案： //在componentDidMount周期添加scrollTo() class Home extends Component{ componentDidMount(){ ...
react监听页面滚动事件：window.addEventListener的scroll无效
lhz_19的博客
09-22 1万+
react监听页面滚动事件：window.addEventListener的scroll无效 在react项目中需要通过监听页面滚动高度，控制页面样式动态展示，所以在网上找了以后其他案例发现监听无效，代码如下： //在componentDidMount，进行scroll事件的注册，绑定一个函数，让这个函数进行监听处理 componentDidMount() { window.addEventListener('scroll', this.handleScroll); } //在componentWil
selenium+webdriver+python 滚动条（scrollTop）下拉
热门推荐
Katios
01-11 2万+
语言：python 在获取元素的时候，明明元素确切的存在但是无法定位到，原因比较常见的有两个 1.等待时间不够，time.sleep()下看看 2.元素在页面下方，需要将滚动条拉到底部才能找到该元素滚动条，今天来说说滚动条通常只需要加入#将滚动条移动到页面的底部 js="var q=document.documentElement.scrollTop=100000" driver.exec
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值