防止窗口向下滚动

时间:2015-11-10 16:46:18

标签: javascript jquery html css twitter-bootstrap

我有全宽滑块作为网站的主要背景,并使用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")

        })
});

1 个答案:

答案 0 :(得分: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")

        })
});