Question

我有全屏固定div，其中包含来自ajax查询的内容。 Div是可滚动的，因为它有很多内容。现在，在底部，我需要一个按钮来滚动到div的顶部。我尝试使用<a href="#divId"></a>进行滚动，但是，这似乎不起作用，sim ScrollTop()到div也不起作用。

Answer 1

将longDiv替换为您的div id。

<div id="longDiv">Bla bla bla</div>
<button>Scroll to top</button>

<script>
   $(document).ready(function() {
       $('button').click(function() {
           $('#longDiv').scrollTop(0);
       });
   });
</script>

工作JSFiddle： https://jsfiddle.net/8hasscb6/

如果您希望将其设置为动画，则可以使用.animate()：

<script>
    $(document).ready(function() {
        $('button').click(function() {
            $('#longDiv').animate({ scrollTop: "0px" });
        });
    });
</script>

JSFiddle： https://jsfiddle.net/8hasscb6/1/

Answer 2

试试这个

<a onclick="scroll(0,0)">

这应该是最重要的

固定div与滚动顶部按钮

2 个答案: