有一个jquery鼠标滚轮垂直滚动的代码 有什么办法可以当内容滚动到顶部或底部不移动鼠标继续滚动页面

问题描述

这个是鼠标滚轮拉动垂直滚动的代码问题是当垂直滚动的时候内容到顶部或底部就停止不继续滚动页面,现在想滚动页面,这个是main.js里的代码要修改哪一段就可以了?jQuery(function($){//-----------------------------------------------------------------------------------//Examples//-----------------------------------------------------------------------------------//Functionforpopulatinglistswithplaceholderitemsfunctionpopulate(container,count,offset){varoutput='';offset=isNaN(offset)?0:offset;for(vari=0;i<count;i++){output+='<li>'+(offset+i)+'</li>';}return$(output).appendTo(container);}//Populatelistitems$('ul[data-items]').each(function(i,e){varitems=parseInt($(e).data('items'),10);populate(e,items);});//Activatesection(itmisbehaveswhenslyiscalledonhiddensections)$(document).on('activated',function(event,sectionId){var$section=$('#'+sectionId);if($section.data('examplesLoaded')){return;}switch(sectionId){case'infinite':var$frame=$section.find('.frame'),$ul=$frame.find('ul').eq(0),$scrollbar=$section.find('.scrollbar'),$buttons=$section.find('.controlbar[data-action]');populate($ul,10);$frame.on('sly:move',function(e,pos){if(pos.cur>pos.max-100){populate($ul,10,$ul.children().length-1);$frame.sly('reload');}}).sly({itemNav:'basic',scrollBy:1,scrollBar:$scrollbar});//Controls$buttons.on('click',function(e){varaction=$(this).data('action');switch(action){case'reset':$frame.sly('toStart');setTimeout(function(){$ul.find('li').slice(10).remove();$frame.sly('reload');},200);break;default:$frame.sly(action);}});break;default://Callslyinstances$section.find(".slyWrap").each(function(i,e){//if(i!=3)return;varcont=$(this),frame=cont.find(".sly"),slidee=frame.find("ul"),scrollbar=cont.find(".scrollbar"),pagesbar=cont.find(".pages"),options=frame.data("options"),controls=cont.find(".controls"),prevButton=controls.find(".prev"),nextButton=controls.find(".next"),prevPageButton=controls.find(".prevPage"),nextPageButton=controls.find(".nextPage");options=$.extend({},options,{scrollBar:scrollbar,pagesBar:pagesbar,prev:prevButton,next:nextButton,prevPage:prevPageButton,nextPage:nextPageButton,disabledClass:'btn-disabled'});//Callslyframe.sly(options);//Bindcontrolscont.find("button").click(function(){varaction=$(this).data('action'),arg=$(this).data('arg');switch(action){case'add':slidee.append(slidee.children().slice(-1).clone().removeClass().text(function(i,text){returntext/1+1;}));frame.sly('reload');break;case'remove':slidee.find("li").slice(-1).remove();frame.sly('reload');break;default:frame.sly(action,arg);}});});}$section.data('examplesLoaded',true);});//-----------------------------------------------------------------------------------//Pagenavigation//-----------------------------------------------------------------------------------//Navigationvar$nav=$('#nav'),$sections=$('#sections').children(),activeClass='active';//Tabs$nav.on('click','a',function(e){e.preventDefault();activate($(this).attr('href').substr(1));});//Backtotopbutton$('a[href="#top"]').on('click',function(e){e.preventDefault();$(document).scrollTop(0);});//Activateasectionfunctionactivate(sectionID,initial){sectionID=sectionID&&$sections.filter('#'+sectionID).length?sectionID:$sections.eq(0).attr('id');$nav.find('a').removeClass(activeClass).filter('[href=#'+sectionID+']').addClass(activeClass);$sections.hide().filter('#'+sectionID).show();if(!initial){window.location.hash='!'+sectionID;}$(document).trigger('activated',[sectionID]);}//Activateinitialsectionactivate(window.location.hash.match(/^#!/)?window.location.hash.substr(2):0,1);//-----------------------------------------------------------------------------------//Additionalplugins//-----------------------------------------------------------------------------------//TriggerprettyPrintprettyPrint();});

时间: 2024-09-08 11:12:41

有一个jquery鼠标滚轮垂直滚动的代码 有什么办法可以当内容滚动到顶部或底部不移动鼠标继续滚动页面的相关文章

Win7鼠标滚轮6个玩法

在浏览较长的网页.文档,或文件较多的文件夹时,只要上下拨动鼠标滚轮就可以方便的进行翻页,省去了拖拽右侧滚动条的麻烦.其实,在Win7系统中,除了用来翻页浏览,鼠标滚轮还有很多有趣的小功能. 1.放大或缩小网页字体 一些网页上的字体较小,眼神不好的老人们浏览时有点费劲,这时只要按住键盘上的ctrl键,同时将鼠标滚轮向上滚动,就可以将网页比例放大,网页中的字体也就随之放大了. 按Ctrl+0,可以快速恢复成原始大小. 2.自动滚屏 鼠标滚轮翻页已经很方便,如果能让页面自己滚动就更好了,这样在网上看小

Win7系统中鼠标滚轮的妙用

  1.放大或缩小网页字体 一些网页上的字体较小,眼神不好的老人们浏览时有点费劲,这时只要按住键盘上的ctrl键,同时将鼠标滚轮向上滚动,就可以将网页比例放大,网页中的字体也就随之放大了. 按Ctrl+0,可以快速恢复成原始大小. 2.自动滚屏 鼠标滚轮翻页已经很方便,如果能让页面自己滚动就更好了,这样在网上看小说,或阅读较长的word文档时,还能腾出手来吃零食!把鼠标箭头移到 网页或文档中,向下按一下鼠标滚轮,随着"嗒"的一声,原来的鼠标箭头就变成一个上下左右四个箭头,或只有上下两个

鼠标滚轮怎么设置

  鼠标是组成电脑必不可少的组件,而鼠标滚轮提供了在编辑各种文档或阅读网页时的方便,只需要使用鼠标滚轮,就可以轻松的实现翻页,在这里就引出了一个鼠标滚轮的滚动速度,那怎么来控制呢? 虽然说鼠标滚轮的功能取代了键盘上下键的操作.但是,有时候却觉得鼠标滚轮的速度有时候快了,有时候慢了,那怎么来控制鼠标滚轮的速度呢?看下面,主要说明如何设置鼠标滚轮的滚动速度? 首先找到电脑左下角"开始"→"设置"→"控制面板"→"打印机和其它硬件"

android scrollview 自动滚动到顶部或者底部的实例

android scrollview 自动滚动到顶部或者底部 摘要: android scrollview 自动滚动到顶部或者底部 android scrollview 自动滚动到顶部或者底部 //设置默认滚动到顶部 scrollView.post(new Runnable() { @Override public void run() { // TODO Auto-generated method stub scrollView.fullScroll(ScrollView.FOCUS_UP);

基于jquery实现鼠标滚轮驱动的图片切换效果_jquery

jQuery可以制作出与Flash媲美的动画效果,这点绝对毋庸置疑,本文将通过实例演示一个基于鼠标滚轮驱动的图片切换效果. 本例实现的效果:鼠标滚轮滚动时图片进行切换. 支持键盘方向键实现图片切换效果. 支持点击图片切换,支持点击当前图片链接. 进度条滑块展示图片图片数量进度.XHTML <div class="demo"> <div id="imageflow"> <div id="loading"><

js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)_javascript技巧

本文实例讲述了js实现的鼠标滚轮滚动切换页面效果的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title>wheel</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <script type=

WinForm TreeView 用鼠标滚轮滚动行数问题

问题描述 WinFormTreeView控件,节点众多,出现右侧的竖向滚动条.用鼠标滚轮滚动,每次向上或向下滚动3行节点.我想滚动我想要的节点行数,例如每次滚动10行节点.该怎么做? 解决方案 解决方案二:可以试试选中,然后测试滚轮的效果,多次测试将其位置的值来算,然后将其值全部打印出来,然后再找方案比较科学.同时可以测试滚轮的滚动距离,然后再测试.解决方案三:这个是我写的Dev的GridView的控制[code=charp]privatevoidgridView1_MouseWheel(obj

以Datagridview1为例,简单方法实现用鼠标滚轮(中键)控制行滚动--貌似很少有人提及。

问题描述 表面上看,连最新的VB.net2010也没有支持鼠标滚轮上下滚动行,但实际上却是支持的.主要包含两个过程即可,一个过程用到MouseMove,只有一句即可,即设置DataGridview1为焦点:另一个过程就是MouseWheel(默认过程中没有),照抄即可,不论你有多少行,都可以运行.并且不影响右边滚动条的使用.好象没什么人发布过,找到的很多竟然还是使用WindowsAPI来做的,太复杂的,于是特贴一个上来,供大家方便使用.估计其他控件略加修改也可使用.PrivateSubDataG

Win8系统鼠标滚轮滚动行数怎么修改

  作为操控电脑的重要设备,鼠标主要由左键.右键和中间滚轮组成,当然有些鼠标根据游戏用户的需求组合更多功能按键.当我们在浏览某些网页时,也会通过鼠标中间的滚轮来滑动,这样也有助于我们操作,而鼠标滚轮的滚动行数也是可以自行调节的,下面以win8系统为例,介绍下win8鼠标滚轮每次滚动的行数设置. 1.在win8操作系统中使用组合键"WIN+C"按键调出超级按钮,然后在菜单中点击"设置"选项; 2.点击设置窗口后并依次选择"更改电脑设置"-"