mootools滾動不起作用

我在頁面上使用了mootools可滾動（http://mootools.net/forge/p/scrollable），但它不起作用。我的頁面：http://neyriz.net/moo/ 我用它爲ID =「右」爲什麼它不工作？mootools滾動不起作用

來源

2013-02-02 MJH

你犯了2個錯誤。首先是你試圖在DOM準備好之前實例化Scrollable，所以你的元素不存在。因此，您必須將腳本標記移動到主體的末尾，或者將其包裝在事件偵聽器中。 I.E：

window.addEvent('domready', function() { 
    var myScrollable = new Scrollable($('right')); 
});

第二個問題是插件有一些依賴關係。在這種情況下，您需要包含更多MooTools中的Slider，Element.Measure，Element.Shortcuts。你可以去http://mootools.net/more/並選擇這3個模塊。下載文件並將其包含到mootools的核心和滾動之間你的頭：

<script type="text/javascript" src="mootools-core.js"></script> 
<script type="text/javascript" src="mootools-more.js"></script> INSERT MOOTOOLS MORE HERE! 
<script type="text/javascript" src="scrollable.js"></script>

一般來說，最好在定義和身體之前加載JS文件。所以它看起來像：

<html> 
    <head><title>My awesome page</title></head> 
    <body> 
     <h1>My awesome page</h1> 
     <p>Some text</p> 
     <script type="text/javascript" src="mootools-core.js"></script> 
     <script type="text/javascript" src="mootools-more.js"></script> INSERT MOOTOOLS MORE HERE! 
     <script type="text/javascript" src="scrollable.js"></script> 
    </body> 
</html>

來源

2013-02-03 13:23:19 n3on

mootools滾動不起作用

回答

相關問題