jQuery之滚动事件$(window).scroll(function()
生活随笔
收集整理的這篇文章主要介紹了
jQuery之滚动事件$(window).scroll(function()
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>滾動事件</title><script src="https://code.jquery.com/jquery-2.2.4.min.js"></script><style>img{position:fixed;top:640px;left: 1200px;display:none;}#box{width:1000px;height:1200px;margin:0 auto;border:1px solid red;overflow:hidden;}</style><script>/*$(obj).position 獲取定位的位置$(obj).scrollTop(0)$(obj).animate({},時間)$(window).scroll(function(){//窗口的滾動事件})；*/$(function(){$(window).scroll(function(){var value=$('body,html').scrollTop();if(value>300){$('img').fadeIn(300);}else{$('img').fadeOut(300);}});$('img').click(function(){$('body,html').animate({'scrollTop':0},'slow')})})</script>
</head>
<body>
<div id="box"></div>
<img src="images/a1.png" alt="箭頭">
</body>
</html>
?
總結
以上是生活随笔為你收集整理的jQuery之滚动事件$(window).scroll(function()的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 手机斗鱼服务器无响应,win7看斗鱼直播
- 下一篇： 三星 c5 pro android 7,