Javascript 在子页面上平滑滚动(WP/引导)
我正在Wordpress网站上使用Bootstrap JS Scrollspy Scrollspy在登录页上工作正常 我需要的是一个平滑的滚动子页面工作太多,所以它滚动到一个网站的一部分,这是只位于一个登录页 我对使用标签前斜杠有很好的经验:Javascript 在子页面上平滑滚动(WP/引导),javascript,php,jquery,wordpress,twitter-bootstrap,Javascript,Php,Jquery,Wordpress,Twitter Bootstrap,我正在Wordpress网站上使用Bootstrap JS Scrollspy Scrollspy在登录页上工作正常 我需要的是一个平滑的滚动子页面工作太多,所以它滚动到一个网站的一部分,这是只位于一个登录页 我对使用标签前斜杠有很好的经验:,但在这种情况下它似乎不适合我 <script> $(document).ready(function(){ // Add scrollspy to <body> $('body').scrollspy({target: ".
,但在这种情况下它似乎不适合我
<script>
$(document).ready(function(){
// Add scrollspy to <body>
$('body').scrollspy({target: ".navbar", offset: 50});
// Add smooth scrolling on all links inside the navbar
$(".navbar a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
</script>
$(文档).ready(函数(){
//将scrollspy添加到
$('body').scrollspy({target:.navbar',offset:50});
//在导航栏内的所有链接上添加平滑滚动
$(“.navbar a”)。在('click',函数(事件){
//在覆盖默认行为之前,请确保this.hash具有值
如果(this.hash!==“”){
//防止默认锚点单击行为
event.preventDefault();
//存储散列
var hash=this.hash;
//使用jQuery的animate()方法添加平滑页面滚动
//可选数字(800)指定滚动到指定区域所需的毫秒数
$('html,body')。设置动画({
scrollTop:$(散列).offset().top
},800,函数(){
//完成滚动后,将哈希(#)添加到URL(默认单击行为)
window.location.hash=散列;
});
}//如果结束,则结束
});
});