不使用jQuery（或其他庫）不能滾動div *嗎？

我想使用任何庫以編程方式滾動div 而不使用。這是可能的，如果是這樣，怎麼樣？不使用jQuery（或其他庫）不能滾動div *嗎？

謝謝。

2012-05-25 Kai Huppmann

是否帶有javascript？ –

看看他們的源代碼，複製相關部分 - 這不是魔術。 – Niko

JavaScript是好的，但我不想要任何額外的庫。 –

是的。

var myEl = document.getElementById('myEl'); 
myEl.scrollLeft = 12; 
myEl.scrollTop = 34;

來源

2012-05-25 08:16:57

我實際上已經嘗試過，但沒有工作 - 只是在錯誤的div上調用它.... arrgh !!! –

是的，這是可能的。試試這個代碼。

<html> 
<head><title>Scrolling a DIV with JavaScript</title> 

<script language='javascript'> 

    function move_up() { 
    scroll_clipper.scrollTop = 0; 
    } 

</script> 

</head> 
<body> 

    <a href='javascript:move_up()'>Move UP</a> 

    <p> 

    <div id='scroll_clipper' style='position:absolute; width:150px; height: 150px; overflow:auto'> 
    <div id='scroll_text' style='background-color:yellow'> 
     Here is some content that can be scrolled. 
     <p>It uses two divs:<ul> 
     <li>scroll_clipper, and 
     <li>scroll_text 
     </ul> 

     scroll_clipper defines the scroll area while scroll_text 
     defines the text to be scrolled. 

    </div> 
    </div> 

</body> 
</html>

來源

2012-05-25 08:17:44 UVM

不使用jQuery（或其他庫）不能滾動div *嗎？

回答

相關問題