防止窗口向下滚动

Question

我将全宽滑块作为网站的主要背景，并使用 jquery 根据点击的链接显示或隐藏 div。由于某些部分比初始视图更长，因此单击后我的页面滚动到底部。如何防止窗口滚动到底部？

我使用 Bootstrap 和 jquery vegas 滑块插件来实现全宽滑块。

JS

$(function() {
    $("nav li a").click(function() {
        $(".wrapper").addClass("hide")
        var page = $(this).attr("href")
        $(page).fadeIn("slow").toggleClass("hide")

        })
});

Answer 1

您必须使用event.preventDefault() 到prevent browser 操作。

根据Jquery

说明：

如果调用此方法，则事件的默认动作不会 触发。

$(function() {
    $("nav li a").click(function(event) {
        event.preventDefault()
        $(".wrapper").addClass("hide")
        var page = $(this).attr("href")
        $(page).fadeIn("slow").toggleClass("hide")

        })
});