Question

我试图在每次点击后增加滚动顶部，然后为它写这个，但它只是第一次工作。在每次调用x的值是30时，我该如何解决？

我在w3schools网站上试用它并在那里工作

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
 $(function () {
        $("#btncl").click(function (e) {
             var x = $("div").scrollTop() + 30;
            $("div").scrollTop(x);

        });
    });
</script>

<body>
<form id="form1" runat="server">
<div style="border: 1px solid black; height: 150px; overflow: auto">
    <ul>
        <li>
            <img width="80px" style="margin-bottom: 5px;" height="70px" alt="" class="img_gallery"
                src="Images_slider/1.jpg" />
        </li>
        <li>
            <img width="80px" style="margin-bottom: 5px;" height="70px" alt="" class="img_gallery"
                src="Images_slider/2.jpg" />
        </li>

    </ul>
</div>
<br>
    <input type="button" value="Return the vertical position of the scrollbar" id="btncl">

</form>

Answer 1

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">

或？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">

Answer 2

尝试类似

的内容

$(function () {
    var x = $("div").scrollTop();
    $("#btncl").click(function (e) {
        x += 30;
        $("div").scrollTop(x);
    });
});

或

$(function () {
    var incr = 0;
    $("#btncl").click(function (e) {
        incr += 30;
        var x = $("div").scrollTop() + incr;
        $("div").scrollTop(x);
    });
});

Answer 3

似乎对我有用，请参阅以下jsFiddle。

HTML

<div id='abcd' style="border: 1px solid black; height: 150px; overflow: auto">
    <ul>
        <li>
            <img width="80px" style="margin-bottom: 5px;" height="70px" alt="" class="img_gallery"
                src="Images_slider/1.jpg" />
        </li>
        <li>
            <img width="80px" style="margin-bottom: 5px;" height="70px" alt="" class="img_gallery"
                src="Images_slider/2.jpg" />
        </li>

    </ul>
</div>
<br>
    <input type="button" value="Return the vertical position of the scrollbar" id="btncl" />

的Javascript

document.body.onclick=function(e){console.log('ok');$('#abcd').scrollTop($('#abcd').scrollTop() +30);}

如何用jquery增加滚动顶部？

3 个答案: