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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#