jquery.scrollTop()兼容IE8

最新推荐文章于 2021-03-16 11:49:25 发布
最新推荐文章于 2021-03-16 11:49:25 发布
阅读量2.1k 收藏
点赞数
分类专栏： Jquery 文章标签： Jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhanqixuan22/article/details/51187778
版权
本文介绍了一种在Internet Explorer 8浏览器中解决页面滚动条兼容性问题的方法。原先使用$('body').scrollTop(curLi.offset().top-100)的方式在IE8下无法正常工作，通过修改为$('body,html').scrollTop(curLi.offset().top-100)，成功解决了该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

之前用 $('body').scrollTop(curLi.offset().top - 100);

这样的方式，但是在IE8下不好使。

解决方案：

 $('body,html').scrollTop(curLi.offset().top - 100);

做个记录

自定义滚动条（原生，兼容ie8以上）
SkyGst的博客
01-23 5151
本人在做前端项目的时候经常会遇到使用到滚动条元素的情况，但是浏览器的自定义存在兼容问题，且不能满足我们开发一个外观漂亮的带滚动条的元素。虽然网上也有jq插件，但反应存在性能问题。 经过本人的测试观察，通过原生的方法和特殊的处理，做出来这款简单又实用的自定义滚动条。欢迎大家测试，提出问题！ 因时间关系，此滚动条没有拖拉效果。
scrollTop与offsetTop研究
weixin_33709609的博客
10-05 129
虽然我是做后台出身的，但最近心血来潮越来越关注前台技术了^_^，前二天看了“司徒正美”先生的图片无缝滚动分析后，对于scrollTop和offsetTop这二个以前一直没搞太明白的属性研究了一番，大致弄明白了，贴在这里备份，测试代码如下: <!doctype html><title>scrollTop study</title><style type="...
jQuery 8 关于Jquery 的scroll事件（转载）
武林半侠的博客
05-22 2224
jQuery 8 关于Jquery 的scroll事件（转载）   写法： $(window).scroll(function () {})（推荐）或 $(document).scroll(function () {}) 今天做一个随屏幕滚动的导航条时，发现一个问题： 火狐、谷歌、ie9正常，ie8、7、6页面滚动时，导航条没有反应。 代码如下： 　　$(docu
IE兼容记录
qq_33573631的博客
12-11 528
lottie渲染的动画宽高在IE上显示大小不合适 svg的宽高未设定，默认的svg宽高100%无效，故重新写了svg宽高 svg{ min-height: 65vh; } IE浏览器不支持scrollTo方法 使用scrollTo方法置顶，IE浏览器报错，以至于页面在IE浏览器下直接报错阻断。 故更换了一种置顶方式，使用document.body.scrollTop直接赋值的方式去置顶。 document.body.scrollTop!=0 && documen
scrollTop浏览器不兼容解决方法
sky234537667的专栏
03-06 1287
IE8 和Firefox27.0.1 对jquery的$("body").scrollTop();值为0 而chromium可以识别 但是对document.documentElement.scrollTop，chrominum却识别为0 chrominum只识别document.body.scrollTop 由于这两者在不同的情况下会取0 但是两者同时出现的时候只有一个会0 所以解决
ie浏览器兼容——scrollTop
Juliet_xmj的博客
03-16 501
ie浏览器兼容——scrollTop 报错 无法获取未定义或 null 引用的属性“scrollTop” 解决 polyfill document.scrollingElement.js https://github.com/yangg/scrolling-element npm install scrolling-element --save 页面或main.js中引入 import 'scrolling-element' 或.html文件引用 <script src="scrolling-e
Jquery实现侧边栏跟随滚动条固定（兼容IE6）
01-21
jQuery代码： 代码如下:var rollSet = $(‘#Roll’);// 检查对象，#sidebar-tab是要随滚动条固定的ID，可根据需要更改var offset = rollSet.offset();$(window).scroll(function () { // 检查对象的顶部是否在游览...
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
12-02
通过这种方式，我们创建了一个兼容IE6、7、8的jQuery页面索引，它提供了更直观的导航体验。用户可以通过按字母顺序排列的链接平滑滚动到页面上的任何部分，而不会被突然的页面跳转所困扰。这种方法在处理长内容的...
基于jquery的返回顶部效果（兼容IE6）
01-19
最近也在学jquery，就顺便记录一下了。 HTML 代码如下: ”scroll”></div> [removed][removed] [removed][removed] CSS 代码如下: .scroll{ background:url(../image/scroll.gif) no-repeat cen
Jquery table固定表头,固定列,全浏览器兼容
11-19
例如，IE6-8 不支持 `position: fixed`，可以使用 `position: absolute` 并结合 `expression` 来模拟固定效果。同时，使用 jQuery 的 `.css()` 方法可以减少兼容性问题，因为它会自动处理浏览器前缀。 4. **CSS ...
js 滚动条 scroll属性/事件 兼容滚动条方法 获取滚动条信息 操作滚动条(scroll() scrollTo() scrollBy()) 获取窗口滚动条偏移量
weixin_42448623的博客
10-26 1793
window.pageXOffset/pageYOffset x轴/y轴 滚动距离 IE8及以下不兼容 IE8 及以下浏览器 支持 兼容性比较混乱 用时取2个值相加，因为两个值不可能同时存在 一个存在，另一个必然为0 document.body.scrollLeft/scrollTop document.documentElement.scrollLeft/scrollTop 封装 兼容滚动条...
jQuery 滚动条插件nicescroll 使用方法、常见配置和事件回调使用说明
chuangxin的专栏
06-20 8529
nicescroll是一款基于jQuery的滚动条插件，使用简单，功能又比较强大，较mCustomScrollbar而言功能相差无几，但是所需资源文件少，DOM结构也简单，比较遗憾的是nicescroll没有直接的事件触发。本文除介绍nicescroll的使用和参数配置说明外，将着重介绍nicescroll的事件回调使用说明。
IE8滚动条兼容问题
snowyz的专栏
03-26 2934
1.在table中添加div。如下 &lt;div class="mainDiv"  &gt; &lt;table cellSpacing="0" style="border-bottom: 0px;" id="queryTable"&gt; &lt;thead&gt;&lt;td class="detail_tabtit"&gt;&amp
利用js中的scrollTop() 方法解决页面返回上次浏览位置问题
离阳的博客
03-26 3632
最近在工作中遇到了一个问题，从商品列表页面进入到详情页后再返回，页面又回到了最顶部，而不是上次浏览的位置。这样的用户体验肯定是很差的。就查了一下资料，发现利用js中的scrollTop() 方法方法可以解决这个问题。 让我们先来看下文档中有关scrollTop()方法的介绍： 所以我们在滚动页面时保存滚动位置，onload时取出并滚动到上次保存位置。具体可以通过两种方法实现： 1.loc...
document.body.scrollTop无效的解决方法
weixin_30617797的博客
07-09 2057
1、document.body.scrollTop = 0 有时候不生效，两种解决方案，试试看。 1-1、设置：document.documentElement.scrollTop = 0;1-2、设置：window.scrollTo(0, 0); 转载于:https://www.cnblogs.com/ilovexiaoming/p/11155454.html...
获取scrollTop的一个兼容性问题
风烟
05-25 497
在mac电脑上的chrome浏览器获取页面scrollTop document.documentElement.scrollTop 使用这样的写法，无论是chrome还是safari获取到的都是一样的值，并且是有效的不为0. 但是在安卓手机上则正好相反 document.body.scrollTop 这样写才能争取获取到top值。 所以正确是兼容性写法是 let scrollTop = document.documentElement.scrollTop || document.body.scrollT
掌握jquery.scrollTo：实现跨浏览器动画滚动效果
jquery.scrollTo作为一个跨浏览器的jQuery插件，意味着它经过优化，能够在主流的浏览器中如Chrome、Firefox、Safari、IE等上正常工作。这减少了开发者对不同浏览器兼容性问题的担忧，让他们能够更加专注于页面功能的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值