2010-12-07 4 views
20

JavaScriptを使用してdivタグのスクロール量を取得するにはどうすればよいですか?私に例を教えてください。JavaScriptを使用してdivタグのスクロール位置を取得する

私はjQueryを使用したくない、JavaScriptのみ。

+19

@Alex: 'にReferenceError:無効な割り当て左side.'冗談はさておき、それはそれを言うために、正確ではありません - jQueryのは、JavaScriptライブラリです。 2つは全く異なる。 –

答えて

27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script type="text/javascript"> 
     function scollPos() { 
      var div = document.getElementById("myDiv").scrollTop; 
      document.getElementById("pos").innerHTML = div; 
     } 
    </script> 
</head> 
<body> 
    <form id="form1"> 
    <div id="pos"> 
    </div> 
    <div id="myDiv" style="overflow: auto; height: 200px; width: 200px;" onscroll="scollPos();"> 
     Place some large content here 
    </div> 
    </form> 
</body> 
</html> 
+1

作品この作品!すぐに私は私の結果、目的を掲示します。 –

+0

私はあなたに投票するのに十分な評判がありません。 –

+1

@Ashwin:大丈夫です。 –

18
あなたはscrollTopスプライト属性を使用

var position = document.getElementById('id').scrollTop; 
+0

ありがとう!それは –

関連する問題