我已經在很多次使用過這個插件,我要麼非常笨,要麼因爲我無法讓它工作。我有3個div,我想在另一個div(一個容器div)內滾動。scrollTo Jquery不工作,我錯過了什麼?
這裏的「非功能設置」,繼承人的代碼的鏈接...
$(document).ready(function() {
$("#sc").click(function() {
$('#main_hold').scrollTo('#m1');
});
$("#ac").click(function() {
$('#main_hold').scrollTo('#m2');
});
$("#cc").click(function() {
$('#main_hold').scrollTo('#m3');
});
});
和HTML *注意空格是那裏沒有文字間距......
<body>
<div id="container">
<header>
<div id = "navigation">
<ul>
<li><a href="javascript:;" id = "sc">Services</a></li>
<li><a href="javascript:;" id = "ac">About</a></li>
<li><a href="javascript:;" id = "cc">Contact</a></li>
</ul>
</div>
</header>
<div id = "main_hold" role="main">
<div id = "m1" class = "mhold">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id = "m2" class = "mhold">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id = "m3" class = "mhold">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div style="clear:both"></div>
</div>
<footer>
</footer>
</div>
</body>
如果有空格前後的id屬性的「=」,你可能想刪除它們。 –
不,它不是 –