Question

https://jamesdaltonportfolio.herokuapp.com/

所以这是我的投资组合网站。我想在导航栏上点击链接时将页面滚动到特定的div

我尝试删除overflow-x:hidden;上的body，但这不起作用。

$(document).ready(function() {

// $("#about-button").click(function() {
    // $(window).scrollTop($("#projects-container").offset().top);
// });


$('#about-button').click(function(){
$('html, body').animate({
    scrollTop: $('#about-container').offset().top
}, 1000);
}); 

});

我甚至尝试过console.logging #about-containers scrollTop属性，值为'0'。我觉得这很奇怪，因为滚动条的垂直位置必须大于0.这让我疯了。任何见解都将不胜感激。

Answer 1

由于<video id="videoPlayer" class="qmedia" controls="true" height="260" preload="auto" width="320"> <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> <embed align="middle" autoplay="false" bgcolor="white" class="qmedia" controller="true" height="260" pluginspage="http://www.apple.com/quicktime/download/" src="http://techslides.com/demos/sample-videos/small.mp4" type="video/quicktime" width="320"> </video>属性，您的链接会刷新页面。

为它添加一个＃：

<a href="">

scrollTop即使使用overflow-x：hidden也无法正常工作

1 个答案: