<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery-mousewheel.js"></script>
<script>
$(function(){
var $uls = $('.points li')
var $pages = $('.pages')
var $len = $pages.length
var $h = $(window).height()
var timer = null
var nowNum = 0
// 给定整个浏览器的高便于后面操纵top
$pages.eq(0).children().addClass('moving')
// 为添加
$('.pages').css({'height':$h})
// 鼠标滚轮事件 记录滚动的次数选择页面滚动
$(window).mousewheel(function(ev,abt){
// 利用定时器 清除多余的滚动一次只滚动一页 先清除 前几次的只留最后一次执行 函数节流
clearTimeout(timer)
timer = setTimeout(function(){
var now = abt
if(abt == -1){
nowNum
jQuery-mousewheel 整屏滚动
最新推荐文章于 2024-03-21 09:57:25 发布