Question

我使用此代码使我的网站向下滚动到某一点。但是，在我调整了一个部分的高度（从700px到1000px）后，它会滚动一点点。）

JavaScript的：

$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

取自here。

HTML：

<a href="#topics"><img id="double_down" class="new_icon" src="img/double_down.png"></img></a>

<div id="topics"><p id="topic-header">Topics</p></div>

CSS：

#double_down{
    position: relative;
    top:140px;
    left:auto;
}

#topics{
    height:1000px;
    background-color: #f4f4f4;
    overflow: hidden;
}

#topic-header{
    font-weight: 200;
    font-family: 'Lato', sans-serif;
    color:#35d152;
    font-size:70px;
    display:flex;
    justify-content:center;
    z-index:1;
    position:relative;
    top:-50px;
}

Answer 1

我已经解决了这个问题。之前它下降的原因是因为我有一个固定的导航栏。我假设导航栏是屏幕的一部分，但实际上屏幕是在正确的位置，但导航栏只是使它看起来像我已经进一步下降。

调整部分高度后，滑动滚动器滚动太远

1 个答案: