草庐IT

scrollWidth

全部标签

javascript - Chrome scrollWidth 在 rtl 和 ltr 方向上不同

我在谷歌浏览器上看到一个错误。在ChromeV31上运行以下html代码ChromescrollWidthissue当我将主体方向从ltr更改为rtl时,父div的scrollWith是不同的。这不会发生在FireFoxV25或InternetExplorerV10上。我在chromeissuetracker上报告了这个问题.我的问题是如何使用css或javascript解决这个问题? 最佳答案 尝试在子元素中使用clientWidth,您将在rtl和ltr中获得1080,希望这是一个足够好的解决方案,直到他们修复chrome上的错

javascript - jQuery 中是否有一个事件会在 scrollHeight 或 scrollWidth 发生变化时触发?

我正在使用JQuery设计一个应用程序,用户可以在其中拖动元素到div中,自动添加滚动条并根据需要扩展scrollHeight/scrollWidth。即使容器div的scrollHeight和scrollWidth发生变化,我也需要触发。不,不想使用滚动事件,因为1)当您刚开始将元素拖动到边缘并且scrollHeight/scrollWidth发生变化时,不会触发滚动。2)当scrollHeight/scrollWidth不变时触发滚动。有什么提示吗? 最佳答案 [免责声明]请注意,此答案的某些部分不再准确。scrollHeigh

你必须知道的 clientWidth, offsetWidth, scrollWidth.

前言:在公司移动端项目中,我需要十分频繁的和DOM元素的各种width、height打交道。但是这里有这么多关于width的属性,它们之间的区别到底体现在哪里?这是我刚刚接触移动端项目十分头疼的一个问题。经过几天的查阅,终于搞明白了这几个的不同之处,特来分享。tips:本文意指让你自己通过联想记牢这几个属性的区别,而不是单纯地表达它们概念上的不同,故篇幅会较长,还希望读者耐下心细细品读☕️。一.前期准备在学习这几个概念之前,我强烈建议你用你喜欢的框架或者工具去简单写一个元素来更深刻的体会我接下来讲解的内容。不用特别复杂,十分简单的,带有宽度高度的div即可。在页面上的效果如下。接下来你需要进入

javascript - 如何检测div中水平滚动的结束?

我试图在div中实现水平滚动。我的问题是如何检测水平滚动的结束?我试过这样的东西$(function(){varscrollLeftPrev=0;$('#scrollquestion').scroll(function(){varnewScrollLeft=$('#scrollquestion').scrollLeft();if(scrollLeftPrev===newScrollLeft){alert('rightend');}if(newScrollLeft===0){alert('leftend');}console.log($('#scrollquestion').width(

javascript - 如何检测div中水平滚动的结束?

我试图在div中实现水平滚动。我的问题是如何检测水平滚动的结束?我试过这样的东西$(function(){varscrollLeftPrev=0;$('#scrollquestion').scroll(function(){varnewScrollLeft=$('#scrollquestion').scrollLeft();if(scrollLeftPrev===newScrollLeft){alert('rightend');}if(newScrollLeft===0){alert('leftend');}console.log($('#scrollquestion').width(

javascript - 为什么 scrollWidth 只包括左填充?

所以,我有一个具有固定宽度的DIV#Wrapper。在那个DIV中,我有另一个DIV#Panel,它也有一个固定的宽度:...Panel...有时,Panel的宽度大于Wrapper的宽度,在这种情况下,我想通过JavaScript加宽Wrapper,以便它完美地包裹Panel。现场演示:http://jsfiddle.net/H6rML/我打算在Wrapper上使用.scrollWidth来确定面板的宽度。但是,问题在于包装器具有水平填充,而.scrollWidth由于某种原因仅包含包装器的左侧填充。所以:Wrapper.scrollWidth===Wrapper.LeftPaddi

html - 分别了解offsetWidth、clientWidth、scrollWidth和-Height

StackOverflow上有几个关于offsetWidth/clientWidth/scrollWidth(和-Height分别)的问题,但没有一个全面解释这些值是什么。此外,网络上有几个来源提供了令人困惑或不正确的信息。您能否给出完整的解释,包括一些视觉提示?另外,这些值如何用于计算滚动条宽度? 最佳答案 CSS框模型相当复杂,尤其是在滚动内容方面。虽然浏览器使用CSS中的值来绘制框,但如果您只有CSS,则使用JS确定所有尺寸并不简单。这就是为什么每个元素都有六个DOM属性以方便您使用:offsetWidth、offsetHei