Question

我有一个简单的JQuery Slider来旋转标签，以显示不同的博客故事标题和图片。问题是，如果您在滑块下方的任何位置查看页面，则每次滑块旋转时，它会自动移动页面，以便您再次查看滑块。

如果您位于博客滑块上方，则不会发生这种情况。

请帮忙！

我的代码：

$(document).ready(function(){
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 8000, false);
    $("#featured").hover(  
        function() {  
            $("#featured").tabs("rotate",0,false);  
        },  
        function() {  
            $("#featured").tabs("rotate",8000,false);  
        }  
    );

Answer 1

一个很好的答案是： JQuery UI Tabs Causing Screen to "Jump"

正如Mike Petrovich解释的那样，旋转标签动画中有一点，传出和传入的div都设置为display：none。这会导致页面的垂直高度缩小，从而使显示“向上”跳跃。

JQuery滑块重新调整选项卡旋转页面

1 个答案: