jquery 的scrollLeft()方法
翻譯結果:
scroll
英[skrəʊl] 美[skroʊl]
n.(常用來錄寫正式文件的)紙捲;書卷,畫卷,捲軸;渦卷形(裝飾);〈古〉表,目錄
vt.使成捲形;(電腦螢幕上)從上到下移動(資料等),卷頁
vi .(似捲軸般)捲起;(像展開捲軸般地)將文字顯示於屏幕
left
英[left] 美[lɛft]
#adj.左邊的,左邊的;左派的
n.左,左面;[軍]左翼;左派,激進份子
adv.向左;在左邊
v.離開( leave的過去式和過去分詞)
jquery 的scrollLeft()方法語法
作用:scrollLeft() 方法傳回或設定符合元素的捲軸的水平位置。捲軸的水平位置指的是從其左側滾動過的像素數。當捲軸位於最左側時,位置是 0。
傳回水平捲軸位置:傳回第一個符合元素的水平捲軸位置。
語法:$(selector).scrollLeft()
#設定水平滾動條位置:設定所有符合元素的水平捲動條位置。
語法:$(selector).scrollLeft(position)
#參數:
參數 | 描述 |
position | #可選。規定以像素計的新位置。 |
jquery 的scrollLeft()方法範例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").scrollLeft(100); }); }); </script> </head> <body> <div style="border:1px solid black;width:100px;height:130px;overflow:auto"> The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis. </div> <button class="btn1">把滚动条的水平位置设置为 100px</button> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例