jquery scroll() method


  Translation results：

scroll

English [skrəʊl] American [skroʊl]

n. (Commonly used for recording official documents) paper scroll; scroll, picture scroll, scroll; scroll (decoration); table, table of contents

vt. Make it scroll; (on a computer screen) move from top to bottom (information, etc.), roll pages

vi . (like a scroll) roll up; (like an unrolled scroll) display text on the screen

jquery scroll() methodsyntax

Function:When the user scrolls the specified element, the scroll event will occur. The scroll event applies to all scrollable elements and window objects (browser windows). The scroll() method triggers the scroll event, or specifies a function to run when a scroll event occurs.

Trigger the scroll event: $(selector).scroll()

Bind the function to the scroll event: $(selector ).scroll(function)

Parameters:

##ParametersDescriptionfunction Optional. Specifies the function to be run when a scroll event occurs.

jquery scroll() methodexample

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
  $("div").scroll(function() {
    $("span").text(x+=1);
  });
});
</script>
</head>
<body>
<p>请试着滚动 DIV 中的文本：</p>
<div style="width:200px;height:100px;overflow:scroll;">text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. 
<br /><br />
text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.</div>
<p>滚动了 <span>0</span> 次。</p>
</body>
</html>
Run instance »

Click the "Run instance" button to view the online instance

Popular Recommendations

Home

Videos

Q&A