我有以下jquery代码,它使用scrollto和localscroll插件
Ariel Flesler
:
$(document).ready(function(){
$('#navigation').localScroll({
target: '#scrollpane',
queue: true,
duration: 1500
});
});
我有以下CSS:
#scrollpane {
height: 400px;
width: 950px;
overflow: hidden;
}
以及以下标记:
<ul id="navigation">
<li>
<a href="#smallgallery" title="Small Studio">Small<br/><span>SMALL STUDIOS</span></a>
</li>
<li>
<a href="#mediumgallery" title="Medium Studio">Medium<br/><span>MEDIUM STUDIOS</span></a>
</li>
<li>
<a href="#largegallery" title="Large Studio">Large<br/><span>LARGE STUDIOS</span></a>
</li>
</ul>
<div id="scrollpane">
<div id="smallgallery">
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
</div>
<div id="mediumgallery">
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
</div>
<div id="largegallery">
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
<img class="img" src="/content/img/gallery-holder.jpg" width="946" height="398" alt="Gallery Image" />
</div>
</div>
它只在IE7中运行良好,不适用于任何其他浏览器,包括FF、IE8和Chrome等!?只需移动几个像素,然后停止。
以前有人看到过这个吗?有人知道怎么修复它吗?
提前谢谢