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