0

我们在我们的 Drupal 6 站点上使用了最近 CSS 修改的带有 jQ​​uery 的特色内容旋转器 (http://demo.webdeveloperplus.com/featured-content-slider/)。

如果用户向下滚动以阅读页面底部的内容，一旦滑块自动切换到下一个内容片段，每次切换时页面都会立即跳回滑块容器的一半。

唯一不会发生这种情况的情况是查看者是登录管理员（假设是因为运行了额外的后端脚本）。

知道什么可能导致这种情况或如何阻止它吗？

提前非常感谢！

<script type="text/javascript">
$(document).ready(function(){
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
<div id="featured">
<ul class="ui-tabs-nav">
    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
        <a href="#fragment-1"><img alt="" src="image-tn-1.jpg" /><span>Title 1</span></a></li>
    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-2">
        <a href="#fragment-2"><img alt="" src="image-tn-2.jpg" /><span>Title 2</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-3">
        <a href="#fragment-3"><img alt="" src="image-tn-3.jpg" /><span>Title 3</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-4">
        <a href="#fragment-4"><img alt="" src="image-tn-4.jpg" /><span>Title 4</span></a></li>
</ul>
<!-- First Content -->
<div class="ui-tabs-panel ui-tabs-hide" id="fragment-1" style="">
    <a href="/" onClick="_gaq.push(['_trackEvent', 'Rotator', 'Image', 'Content-1']);"><img src="image-1.jpg" /></a>
</div>
<!-- Second Content -->
<div class="ui-tabs-panel ui-tabs-hide" id="fragment-2" style="">
    <a href="/" onClick="_gaq.push(['_trackEvent', 'Rotator', 'Image', 'Content-2']);"><img src="image-2.jpg" /></a>
</div>
<!-- Third Content -->
<div class="ui-tabs-panel ui-tabs-hide" id="fragment-3" style="">
    <a href="/" onClick="_gaq.push(['_trackEvent', 'Rotator', 'Image', 'Content-3']);"><img src="image-3.jpg" /></a>
</div>
<!-- Fourth Content -->
<div class="ui-tabs-panel ui-tabs-hide" id="fragment-4" style="">
    <a href="/" onClick="_gaq.push(['_trackEvent', 'Rotator', 'Image', 'Content-4']);"><img src="image-4.jpg" /></a>
</div>
</div>
4

2 回答 2

0

固定的！只需要为旋转器空间设置一个高度。

于 2012-12-20T15:45:25.960 回答
0

谢谢你的回答 Erin H. 它的工作奇迹:) 对于像我这样的新人很难弄清楚它应该是这样的。我在旋转器空间的末端添加了高度，它起作用了。

#rotator {
    background:#FFF;
    color:#000; 
    position:relative;
    padding-bottom:2.6em;
    margin:0; 
    font-size:16px;
--> height:275px;
}
于 2013-03-22T12:11:17.783 回答