首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Jquery scrollX和和scrollY在IE 11中显示不正确

Jquery scrollX和scrollY是Jquery库中的两个方法,用于获取或设置元素的水平滚动条位置和垂直滚动条位置。然而,在IE 11浏览器中,这两个方法可能会显示不正确的结果。

这个问题可能是由于IE 11对于scrollX和scrollY的实现方式不同于其他浏览器所导致的。在IE 11中,可以使用scrollLeft和scrollTop属性来获取或设置元素的滚动条位置。

为了解决这个问题,可以使用以下代码来替代scrollX和scrollY方法:

代码语言:txt
复制
var scrollX = window.pageXOffset || document.documentElement.scrollLeft;
var scrollY = window.pageYOffset || document.documentElement.scrollTop;

上述代码中,首先尝试使用window.pageXOffset和window.pageYOffset来获取滚动条位置,如果这两个属性不存在,则使用document.documentElement.scrollLeft和document.documentElement.scrollTop来获取。

对于IE 11中显示不正确的问题,可以通过检测浏览器版本来进行特定处理。可以使用navigator.userAgent来获取浏览器的User Agent字符串,然后判断是否为IE 11,如果是,则使用上述代码来获取滚动条位置。

关于Jquery scrollX和scrollY的具体用法和更多信息,可以参考腾讯云的相关文档和示例代码:

请注意,以上答案仅针对Jquery scrollX和scrollY在IE 11中显示不正确的问题,如果还有其他相关问题或需求,请提供更详细的信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

获取页面滚动距离pageYOffset、scrollY、scrollTop

获取页面滚动距离的高度时候,往往有不同的获取方式,而且不同的属性浏览器支持稍有差别: pageYOffset:属window对象,IE9+、Firefox、Chrome、Opera均支持该方式获取页面滚动敢赌值...window.pageYOffset scrollY:属于window对象,Firefox、Chrome、Opera均支持,IE不支持,忽略DOCTYPE定义规则。...document.body.scrollTop 如果页面定义了DOCTYPE文档头,那么HTML元素上的scrollT属性IE、Firefox、Opera(presto内核)下都可以获取滚动高度值,而在...document.documentElement.scrollTop; //Chrome,Safari下为0 此获取页面滚动高度的时候优先考虑使用 window.pageYOffset 然后使用scrollTop...var _scrollLeft = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft var _

3.5K41

整理获取 viewport 和 element 尺寸和位置方法

整理获取 viewport 和 element 尺寸和位置方法 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 视口页面或窗口的位置和宽高 获取视口宽高 下面方法是包括滚动条的宽高,不支持 IE8...padding + border + 滚动条 另外 outerWidth 浏览器兼容差,可获取包括工具栏的宽高 页面滚动位置 返回整个页面的滚动的位置,pageYOffset/pageXOffset 与 scrollY.../scrollX 返回的值一致,前者是后者的别名,建议使用前者,不支持 IE8 window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop...window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft 窗口显示器的位置 标准浏览器使用的是...的值 如果元素是 body,并且在混杂模式下,那么返回的是 window.scrollY 的值 因此可用于处理页面滚动的距离的兼容

1.3K20

3-VIV-Android控件之ImageView

一起使用 一、剪裁类型:scaleType 一图抵千言:左边大图,右边小图 默认:fitCenter xml里matrix表现良好(如图开始),但用代码控制有些奇怪 ?...ImageView裁剪类型.gif fitCenter:按比例扩大或缩小到ImageView的ImageView的高度,居中显示 fitEnd:按比例扩大(缩小)到ImageView的高度,显示ImageView...的下部分位置 fitStart:按比例扩大(缩小)到ImageView的高度,显示ImageView的上部分位置 fitXY:不保持原比例,填满ImageView center:按比例扩大或缩小到ImageView...:不改变原图的大小,从ImageView的左上角开始绘制,超过ImageView的裁剪 二、剪裁:cropToPadding:需要与scrollXscrollY同用,单独无效 测试时true和false...cropToPadding.gif android:cropToPadding="true" android:scrollY="@dimen/sp_30" android:scrollX="@dimen

75120

表格头部固定和表格列固定

我不是前端大神,只是偶尔开发系统时,需要用到表格。如果表格只需要单独的用来展现数据,那就很简单了,那如果需要实现复杂的样式呢?...表头固定和列固定,需要用到jQuery DataTables(我不是前端大神,就懒一点,用下框架,偶尔用下框架,开发时间也节省了嘛,嘿嘿 ^_^),没错,又是我前面介绍的DataTables,我对这框架是情有独钟啊...表头固定和列固定是jQuery DataTables里的两个独立的扩展插件,下面我们就分别说说: 表头固定 1.下载并引入js和css样式扩展 dataTables.fixedHeader.min.js...fixedColumns.dataTables.min.css 2.javascript $(document).ready(function() { var table = $('#example').DataTable( { scrollY...: "300px",//表格高度,可实现Y轴滚动 scrollX: true,//表格X轴滚动 scrollCollapse: true,

3.3K20

使用 vue 实例更好的监听事件

使用 vue 实例更好的监听事件 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 文章举例说明一下 vue 中如何更好的监听浏览器事件。原文介绍了一种新增 vue 实例的方法,单独监听事件。...当监听如下事件的传统做法是: window.scrollX window.scrollY window.innerHeight window.innerWidth 通常需要书写很多代码: created...}) }, }) export default WindowInstanceMap 然后项目中使用: // AppNav.vue import WindowInstanceMap from.../WindowInstanceMap.js' export default { computed: { scrollY () { return WindowInstanceMap.scrollY...}, isCollapsed () { return this.scrollY < 100 } } } 这样做的好处是: 不会大量占用 dev-tool 的版面显示变动信息

58820

Android通过overScrollBy实现下拉视差特效

int maxOverScrollY, boolean isTouchEvent) { return super.overScrollBy(deltaX, deltaY, scrollX, scrollY...ImageView的初始高度和ImageView中图片的高度.因为这2个高度将决定下来的时候图片拉出的范围,以及松手后图片回弹的动画效果.对应控件宽高的获取,有兴趣的可以看这篇文章浅谈自定义View的宽高获取 4.overScrollBy...方法内通过修改ImageView的LayoutParams的height值来显示更多的图片内容. 5.onTouchEvent方法内处理ACTION_UP事件,使ImageView有回弹的动画效果,...) { switch (ev.getAction()) { case MotionEvent.ACTION_UP: // 执行回弹动画, 方式一: 属性动画\值动画 //获取ImageView松手时的高度...; //设置动画持续时间 setDuration(500); //设置插值器 setInterpolator(new OvershootInterpolator()); } /** * 指定的时间内一直执行该方法

1.1K51

Android控件之ImageView

.gif] fitCenter:按比例扩大或缩小到ImageView的ImageView的高度,居中显示 fitEnd:按比例扩大(缩小)到ImageView的高度,显示ImageView的下部分位置...fitStart:按比例扩大(缩小)到ImageView的高度,显示ImageView的上部分位置 fitXY:不保持原比例,填满ImageView center:按比例扩大或缩小到ImageView...:不改变原图的大小,从ImageView的左上角开始绘制,超过ImageView的裁剪 二、剪裁:cropToPadding:需要与scrollXscrollY同用,单独无效 测试时true和false...效果上来看,图片位置偏移了 [cropToPadding.gif] android:cropToPadding="true" android:scrollY="@dimen/sp_30" android...:scrollX="@dimen/sp_16" --- 三、adjustViewBounds 前提:1.保证layout_width、layout_height为wrap_content 2.设置了

1K00

再谈BOM和DOM(6):dom对象及event对象位值计算—如offsetXTop,clentX

IE事件中没有这2个属性。 event.offsetX、event.offsetY 鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个属性,标准事件没有对应的属性。...event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。...标准事件和IE事件都定义了这2个属性 dom元素位置信息获取 client指元素本身的可视内容。...因为滚动条不会出现在顶部或者左侧 offset 指偏移,包括这个元素文档中占用的所有显示宽度。比client 多了border。     ...如果你需要获得相对于整个网页左上角定位的属性值,那么只要给top、left属性值加上当前的滚动位置(通过window.scrollX和window.scrollY),这样就可以获取与当前的滚动位置无关的值

1.4K20

记几处原生JS的开发 原

比如不让用jquery,不过要求兼容ie11和chrome ff,就行。放弃jquery开始感觉很难,写了两天,也还行。...我先用jquery实现的功能,然后替换里面几个方法即可 ,无非就是查找,添加class等! 控制台先测试好,直接使用就行了,但遇到以下问题,简单记一下: 0、项目引用了prism.js来加亮代码。...高亮后,IE11非常的卡,无法滚动,按F12查看性能,要2秒多去渲染一屏,这和JS无关了。我以为是元素过多,IE性能太差的原因。后来偶然把prism.css文件去掉,结果瞬间显示出来。...3、获取窗体滚动条的位置,IE11不支持window.scrollY,需要去其它属性找。...解决办法:window.scrollY || window.pageYOffset || document.documentElement.scrollTop 4、IE11里访问iframe时,document.getElementById

2.1K20

为博客页面添加海报分享功能

document.body.appendChild(canvas) }); 问题修复 然而 html2canvas 使用并没有想象中那么顺利,期间出现过很多问题,包括需要了解其部分实现原理才能解决,下面简单列一些 图片跨域 图片生成后发现图片不显示...backgroundColor: null //"transparent" 同样适用 }).then(canvas => { //.. }); 图片模糊 这个问题很多人遇到过,保存的图片没问题但显示图片模糊...,直接原因就是使用了 transform 的位置偏移属性,不过配置项里是有一个 scrollX/scrollY 的配置项的,我们之间将其加入配置项并设置值为 0 html2canvas(document.querySelector...("#capture"),{ scrollX: 0, scrollY: 0 }).then(canvas => { //.. }); 还没完,刚开始设置后就没问题了,不过后期我又发现图片开始迷糊了...: 0, //X轴偏移修复 scrollY: 0 //Y轴偏移修复 }).then(canvas => { //canvas 转 base64 图片链接 let baseUrl

9310

dataTable参数说明

时是否仅仅render显示的dom,显示大量数据的情况下强烈建议设为true,显示少量数据或者真翻页方案可以设为false,注意在设为true时无法通过函数获取所有行的dom对象—因为它们并不存在....Boolean false scrollX 控制列过多过宽是,是否出现水平滚动条.注意使用这个参数时最好关闭响应式设计 Boolean false scrollY...显示了一部分数据,而通知远程加载可以忽略这部分数据,实际使用中这种情况并不常见....scrollY值后起效,为true时,当列表内容不足以撑满scrollY的设定值时,列表高度会自动适应内容....{ "search": "^[0-9]", "escapeRegex": false } ] Array 无 stripeClasses 定义一个字符串数组,显示行的时候依次使用里面的字符串作为行的

4.5K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券