2

当我们单击下一个或上一个按钮时，我看到了这个网站，它会滑动不同的网页。我想要同样的效果，但我找不到办法。你能用 HTML、CSS 和 JQuery 或 Javascript 代码发布答案吗？

4

2 回答 2

2

在这里，只有一种方法！

HTML

<div id="item1" class="page"><a href="#item2">1</a></div>
<div id="item2" class="page"><a href="#item3">2</a></div>
<div id="item3" class="page"><a href="#item4">3</a></div>
<div id="item4" class="page"><a href="#item1">4</a></div>

CSS

html, body {height:100%; margin:0; overflow-y:hidden}
.page {position:absolute; width:100%; height:100%}
#item1 {left:0%; background:#222}
#item2 {left:100%; background:#444}
#item3 {left:200%; background:#666}
#item4 {left:300%; background:#888}

JS

$(function() {
    $('a[href*=#]').on('click', function(e) {
        var hash = $(this.hash).position();
        if (hash) {
            $('html, body').stop().animate({
                scrollLeft: hash.left
            }, 600, 'swing');
            e.preventDefault();
        }
    });
});
于 2012-09-16T14:52:47.737 回答
1

只需制作一个超宽网站，然后使用Javascript滚动到下一部分。

使用框架可能是您的解决方案。检查此链接

于 2012-09-16T14:42:05.600 回答