我想将一页滑到另一页的顶部。当页面滑动时，背景中的另一个页面会淡出。就像在this 网站上一样。当您单击 McKinsey 概览按钮时，该可见的 html 条将添加到幻灯片和后台页面禁用的页面中。此外，它看起来像是预先加载了幻灯片的页面。
我尝试了几个页面滑块 jquery 插件，但与上面提到的链接不同。不要在后台禁用页面。此外，当他们隐藏时，他们隐藏了整个页面。但我希望它的一些可见部分可供用户使用。请指导我。
【问题讨论】：
.animate() 并在动画完成后加载您的内容。
“homeSlider”类是 available for review on the site（搜索 MC.homeSlider）它为不透明度和边距设置动画。
恕我直言，它更容易在“#slider”和“#slider.open”之间切换类，并为动画使用 css 过渡。
完成此操作的代码如下所示：
// jQuery
$("#sliderBtn").click(function(){
$("#slider").toggleClass("open");
});
// css
#slider {position:absolute;opacity:0;margin-left:300px;transition: opacity 2s, margin-left 1s;}
#slider.open {opacity:1;margin-left:100px}
当然，缺点是旧版浏览器看不到动画。它通过适当地显示打开和关闭状态来正确降级。
【讨论】：