Question

我正在使用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种不同的显示器编写了这个代码。它应该只更改显示而不是更改页面的滚动，但也许点击功能会自动执行类似的操作。任何有关解决方案的帮助将不胜感激。请随意查看上面列出的网址中正在进行的工作。

Answer 1

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

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

单击时，滑块会更改屏幕的滚动

1 个答案: