我有全宽 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")
})
});
最佳答案
您必须使用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")
})
});
关于javascript - 防止窗口向下滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33635166/