Trung tâm cá nhân
sách gpt4 ai đã đi

JQuery - 滑动

In lại 作者：行者123 更新时间：2023-12-01 03:47:11 28 4
mua khóa gpt4 Nike

我看到了this website在此，当我们单击下一个或上一个按钮时，它会滑动不同的网页。我想要同样的效果，但我找不到方法。您可以用 HTML、CSS 和 JQuery 或 Javascript 代码发布答案吗？

1 Câu trả lời

这里，只有一种方法!

HTML

1

2

3

4

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

$(hàm() {
    $('a[href*=#]').on('click', function(e) {
        var hash = $(this.hash).position();
        if (hash) {
            $('html, body').stop().animate({
                scrollLeft: hash.left
            }, 600, 'swing');
            e.preventDefault();
        }
    });
});

关于JQuery - 滑动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12447777/

28 4 0
Bài viết được đề xuất: javascript - 使用 addEventListener 添加子元素，但事情出了问题
Bài viết được đề xuất: jquery - Jquery 的实现不正确？
Bài viết được đề xuất: javascript - 如何通过 Bootstrap 使用 redux 表单宽度 "Field"
Bài viết được đề xuất: javascript - jQuery 检查选择了什么选项
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com