本文實例講述了jQuery中scrollTop()方法用法。分享給大家供大家參考。具體分析如下： 此方法傳回或設定符合元素的捲軸的垂直偏移量。 語法結構一: 當scrollTop()方法不帶有參數的時候是傳回符合元素相對捲軸頂部的偏移量。 複製程式碼 程式碼如下: $(selector).scrollTop() 實例碼: 複製程式碼 程式碼如下: scrollTop()函數-腳本之家 <br /> #div1{<br /> border:1px solid black;<br /> width:200px;<br /> height:200px;<br /> overflow:auto<br /> }<br /> #div2{height:250px;}<br /> #div3{<br /> height:48px;<br /> width:30px;<br /> border:1px solid red;<br /> }<br /> <br /> $(document).ready(function(){<br /> $("button").click(function(){<br /> alert($("#div1").scrollTop() " px");<br /> });<br /> });<br /> 取得offset值 語法結構二: 當scrollTop()方法帶有參數的時候置垂直捲軸頂部偏移為該值。 複製程式碼 程式碼如下: $(selector).scrollTop(val) 參數列表: 参数 描述 val 设定垂直滚动条值 實例碼: 複製程式碼 程式碼如下: scrollTop()函數-腳本之家 <br /> #div1{<br /> border:1px solid black;<br /> width:200px;<br /> height:200px;<br /> overflow:auto<br /> }<br /> #div2{height:250px;}<br /> #div3{<br /> height:48px;<br /> width:30px;<br /> border:1px solid red;<br /> }<br /> <br /> $(document).ready(function(){<br /> $("button").click(function(){<br /> $("#div1").scrollTop(30);<br /> })<br /> })<br /> 設定offset值 希望本文所述對大家的jquery程式設計有所幫助。
