Question

我希望我的链接能够在页面上水平滚动到所需的＆＃34; id＆＃34;而不是跳到它。这是我到目前为止所做的，但它似乎并没有起作用。

HTML：

<div class = option1> 
  <a href= #point1> ➟ </a>
</div>

<div id = point1></div>
<!-- id point is not in the "body" of the link? does that matter? -->

CSS：

body {
  min-height:100%;
  height:100%;
  margin:0;
  width:auto;
}

html {
  min-height:100%;
  height:100%;
  overflow-y:hidden;
  width:100% }

JavaScript的：

$(document).ready({ 
  $(function() {
    $('ul.nav a').bind('click',function(event){
      var $anchor = $(this);
      $('html, body').stop().animate({
        scrollLeft: $($anchor.attr('href')).offset().left
      }, 15000);
      event.preventDefault();
    });
  });
});

Answer 1

请尝试使用class =“name”而不是class = name

明智地看起来很相似： Smooth scrolling when clicking an anchor link

自动滚动水平链接跳转

1 个答案: