js 滑动屏幕

2021-07-27 07:38:57
最佳回复

js 滑动屏幕

定义js函数如下:<script Language="JavaScript"> function scrollUp() { for (I=5000; I>1; I=I-1){ //定义变量I表示纵坐标的值 scroll(1,I) //调用函数parent.scroll(x,y)来滚动浏览器窗口,I从大变小,所以是向上滚屏--> } }</script> 这个函数在页面记载完毕后放在document.ready(function(){ scrollUp() ; }) 就可以实现屏幕向上滚动一个屏幕了.

首先,用不着JS在实现,通过CSS就可以做到先建立一个位置容器,例如一个div然后定义他的css属性position为fixed,通过top/bottom/left/right这四个属性可以控制他在屏幕上的位置这样便可以做到无论屏幕如何滚动,这个窗口一直固定在窗口的固定位置如果不希望这个窗口被其他元素遮挡,适当的设置他的z-index即可(例如999)

调用方法如下:touchs._left(object);//往左滑动touchs._right(object);//往右滑动touchs._top(object);//往上滑动touchs._bottom(object);//往下滑动说明:object的取值可以是一个id("#id")表达式,或者是一个样式表达式(".class"),或者标签的属性表达式("div[id=id]")等,只要可以用jqurey通过这个表达式获取到dom对象,这个表达式怎么写都可以.

js 当屏幕滚动时触发方法:1,js判断向上滚还是向下滚.下面说向下滚:2,获得当前窗口高度 h=document.body.clentWidth3,当前窗口左上角距离页面顶部高度 document.body. scrollTop+=h

jquery$(window).scroll(function(){ if($(this).scrollTop()==$("#divid").height()) { //do something } });

先说下实现的思路:1 页面布局,一堆等待滚动选择的列表 先实现一个竖排的列表, 监控鼠标触屏在box里的上下移动距离 也就是说滚动屏幕了多远 然后box scrollTop定

禁掉touchstart

按住windows键+方向键,可以移动到屏幕不同位置.

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title> http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">

左右滑动是由触摸事件定义的,触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候触发.下面具体说明: touchstart事