水平滾動？ javascript

Question

我正在尋找一種基於錨點水平製作DIV動畫的簡單方法。如果可能的話，我寧願不下載整個庫...

任何人都可以提供任何資源來學習這種內部工作嗎？

感謝所有:)

Answer 1

<div style="width: 200px; height: 100px; overflow: scroll; white-space: nowrap"> 
    FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO 
    FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO 
    <span id="a1">BAR!</span> 
    FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO 
</div> 
<a href="#a1">scroll to bar (HTML anchor)</a> 
<input type="button" value="scroll to bar (JS scrollIntoView)" /> 
<input type="button" value="scroll to bar (JS scrollLeft)" /> 

<script type="text/javascript"> 
    var a1= document.getElementById('a1'); 
    var buttons= document.getElementsByTagName('input'); 

    buttons[0].onclick= function() { 
     a1.scrollIntoView(); 
    }; 
    buttons[1].onclick= function() { 
     a1.parentNode.scrollLeft= a1.offsetLeft; 
    }; 
</script>