防止窗口向下滚动

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()来阻止浏览器操作。

根据Jquery的说法

描述：

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

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

        })
});