jQuery滚动到div上方还是下方div

时间:2018-07-11 14:55:59

标签: javascript jquery

我有一个非常简单的Jquery代码片段,可在单击(.target)时将用户滚动到特定的div(.click)。当用户高于.target时,此方法可以正常工作,但如果用户低于.target,则此方法将无效。可以双向进行这项工作吗?

$(".click").on('click', function() {
    $("html, body").animate({
        scrollTop: $(".target").offset().top;
    }, 1000); });
});

1 个答案:

答案 0 :(得分:3)

它的工作。你有语法错误

$("button").on('click', function() {
  $("html, body").animate({
    scrollTop: $("table").offset().top
  }, 1000)
});
table { margin: 700px 0; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>click</button>
<table border="1" width="100%">
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</table>
<button>click</button>