scrollLeft offsetWidth_document.getelementbyid("about2").offsetwidth

本文探讨了scrollLeft与offsetWidth属性在网页滚动效果中的应用。通过JavaScript动态调整元素滚动位置，实现当scrollLeft达到特定数值时停止滚动的效果，并解释了为何在达到766时无法继续滚动的原因。

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

<body>
<div id="content" onscroll="va();">
<div id="sc"><img src="1.jpg" width="950" height="50" /></div>
</div>
<p>scrollLeft<input name="c1" type="text" id="c1"/></p>
<p>offsetWidth<input name="c2" type="text" id="c2"/></p>
<p>mod<input name="c3" type="text" id="c3"/></p>

</body>
<script language="javascript">

document.getElementById("c1").value=document.getElementById("content").scrollLeft;
document.getElementById("c2").value=document.getElementById("sc").offsetWidth;
function va()
{

        document.getElementById("c1").value=document.getElementById("content").scrollLeft;
document.getElementById("c2").value=document.getElementById("sc").offsetWidth;
    var sleft=document.getElementById("content").scrollLeft;
    var owidth=document.getElementById("sc").offsetWidth;
    if(sleft>765)
    {

      document.getElementById("content").scrollLeft=1;
    }else
    {document.getElementById("content").scrollLeft++;


    }

}
var MyMar=setInterval(va,30);
</script>关于scrollLeft与offsetWidth的，有些疑惑。当scrollLeft>=766就不能反复滚了。为什么呢!!!!