为什么scrollTop 回应一直是0

HTML 文件:


<!DOCTYPE html>

<html>

<head>

<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->

<script src="./jquery-2.1.3.min.js"></script>

<script src="./demo.js"></script>

</head>

<body>

 <div style="height:500px"> 

 <div class="test">

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div>

     

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <button>Return the vertical position of the scrollbar</button>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     

     ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>

     <br><br><br><br><br><br><br><br><br><br><br><br><br>



<p>Move the scrollbar down and click the button again.</p>

</div>  

</body>

</html>


****************************************************************************

JS文件:


/*jslint browser: true*/

/*global $, jQuery, alert*/

var main = function () {

        "use strict";

        $("button").click(function () {

            alert($(".test").scrollTop() + " px");

        });

    };

$(document).ready(main);


dddtcare
浏览 3626回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery