javascript - 防止窗口向下滚动

Question

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

我将 Bootstrap 和 jquery vegas slider 插件用于全宽 slider 。

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

Description:

If this method is called, the default action of the event will not be triggered.

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

        })
});