0

我正在一个网站http://dev.io-web.com/portfolio.aspx上工作，并且在使用我编写的滑块时遇到了困难。出于某种原因，当您单击更改幻灯片时，它会将站点上的滚动位置重置为顶部。有没有办法让它不改变屏幕的位置？我还将包含滑块的部分代码，以便更容易理解我在做什么：

$(".slide1").click(function() {
    if(current_slide != "slide1"){
            $(".arrow").animate({"margin-left":"349px"});
            if(current_slide == "slide2"){
                $(".slide2_display").stop(true,true).fadeOut().hide();
                $(".slide1_display").fadeIn().show();
                current_slide = "slide1";
                $("#slide2content").hide();
                $("#slide1content").show();
            }
            else if(current_slide == "slide3"){
                $(".slide3_display").stop(true,true).fadeOut().hide();
                $(".reps_display").fadeIn().show();
                current_slide = "slide1";
                $("#slide3content").hide();
                $("#slide1content").show();
            }
            else{
                $(".slide4_display").stop(true,true).fadeOut().hide();
                $(".slide1_display").fadeIn().show();
                current_slide = "slide1";
                $("#slide4content").hide();
                $("#slide1content").show();
            }

    }
});

我为 4 个不同的显示器中的每一个都进行了编码。它应该只改变显示而不改变页面的滚动，但也许点击功能会自动做类似的事情。任何有关解决方案的帮助将不胜感激。随意查看上面列出的 url 上正在进行的工作。

4

1 回答 1

0

发生这种情况是因为当您使用 jQuery.hide() 隐藏您的 div 时，它的容器 .PortfolioSlider 会在一瞬间被调整为 0px，因为它是空的。这会缩小页面的高度并导致浏览器跳转到页面顶部。

只需将 660px 的固定高度应用于 .PortfolioSlider 的 css 即可解决此问题

于 2012-07-05T19:30:53.080 回答