app滚动到指定位置（页面滚动到指定位置）

怎样用javascript实现页面滚动到指定的控件

HTML

HEAD

!-- 滚动区域坐标大小定位--

STYLE type=text/css

#divContainer {

CLIP: rect(0px 294px 20px 0px); HEIGHT: 20px; LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 294px

}

#divContent {

LEFT: 0px; POSITION: absolute; TOP: 0px

}

/STYLE

SCRIPT language=JavaScript

// 滚动开始

function verifyCompatibleBrowser(){

this.ver=navigator.appVersion

this.dom=document.getElementById?1:0

this.ie5=(this.ver.indexOf("MSIE 5")-1 this.dom)?1:0;

this.ie4=(document.all !this.dom)?1:0;

this.ns5=(this.dom parseInt(this.ver) = 5) ?1:0;

this.ns4=(document.layers !this.dom)?1:0;

this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)

return this

}

bw=new verifyCompatibleBrowser()

var speed=0

var loop, timer

function ConstructObject(obj,nest){

nest=(!nest) ? '':'document.'+nest+'.';

this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;

this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;

//内容宽度

this.scrollWidth=bw.ns4?this.css.document.width:this.el.offsetWidth;

//显示区域宽度

this.clipWidth=bw.ns4?this.css.clip.width:this.el.offsetWidth;

this.left=MoveAreaLeft;

this.right=MoveAreaRight;

this.MoveArea=MoveArea; this.x; this.y;

this.obj = obj + "Object";

eval(this.obj + "=this");

return this;

}

function MoveArea(x,y){

this.x=x;this.y=y

this.css.left=this.x

this.css.top=this.y

}

function MoveAreaRight(move){

//alert("this.scrollWidth="+this.scrollWidth+" objContainer.clipWidth="+objContainer.clipWidth+"\n"+" objContainer.clipWidth-this.scrollWidth="+(objContainer.clipWidth-this.scrollWidth)+"\n"+"this.x="+this.x);

document.getElementById("previous").style.display = "block";

document.getElementById("previousq").style.display = "block";

if(this.xobjContainer.clipWidth-this.scrollWidth){

this.MoveArea(this.x-move,0)

if(loop) setTimeout(this.obj+".right("+move+")",speed)

}

else{

document.getElementById("next").style.display = "none";

document.getElementById("nextq").style.display = "none";

}

}

function MoveAreaLeft(move){

document.getElementById("next").style.display = "block";

document.getElementById("nextq").style.display = "block";

if(this.x0){

this.MoveArea(this.x-move,0)

if(loop) setTimeout(this.obj+".left("+move+")",speed)

}

else{

document.getElementById("previous").style.display = "none";

document.getElementById("previousq").style.display = "none";

}

}

//滚动 ***

function PerformScroll(speed){

if(initialised){

loop=true;

if(speed0) objScroller.right(speed)

else objScroller.left(speed)

}

}

//停止滚动 ***

function CeaseScroll(){

loop=false

if(timer) clearTimeout(timer)

}

//初始化

var initialised;

function InitialiseScrollableArea(){

objContainer=new ConstructObject('divContainer')

objScroller=new ConstructObject('divContent','divContainer')

objScroller.MoveArea(0,0)

objContainer.css.visibility='visible'

initialised=true;

if(objScroller.scrollWidthobjContainer.clipWidth){

document.getElementById("previous").style.display = "none";

document.getElementById("next").style.display = "block";

document.getElementById("previousq").style.display = "none";

document.getElementById("nextq").style.display = "block";

}

}

// 滚动结束

/SCRIPT

/HEAD

BODY onload=InitialiseScrollableArea()

TABLE border=0 cellPadding=0 cellSpacing=0 height=300 width=360

TBODY

TR

TD background=ckh.files/a_r1_c2.jpg

!--滚动区域开始--

DIV id=divContainer style="LEFT: 50px; TOP: 50px; VISIBILITY: visible"

DIV id=divContent

nobr

但一天过去了我始终没有找到合适的配色方案但一天过去了但一天过去了我始终没有找到合适的配色方案但一天过去了但一天过去了我始终没有找到合适的配色方案但一天过去了但一天过去了我始终没有找到合适的配色方案但一天过去了

/nobr

/DIV

/DIV

!--滚动区域结束 --

/TD

/TR

!--滚动按钮开始 --

tr

td id=starttd

DIV id="previousq"

A href="javascript:;" onmouseout=CeaseScroll() onmouseover=PerformScroll(-200)

快进左

/A

/DIV

brbr

DIV id="previous"

A href="javascript:;" onmouseout=CeaseScroll() onmouseover=PerformScroll(-3)

向左

/A

/DIV

/td

td

DIV id="next"

A href="javascript:;" onmouseout=CeaseScroll() onmouseover=PerformScroll(3)

向右

/A

/DIV

brbr

DIV id="nextq"

A href="javascript:;" onmouseout=CeaseScroll() onmouseover=PerformScroll(200)

快进右

/A

/DIV

/td

/tr

!--滚动按钮结束 --

/TBODY

/TABLE

/BODY

/HTML

ios 购物app 滚动条怎么做

创建工程项目和视图控制器

1、创建工程项目，新建一个UIViewController；

2、选中工程，右键-New File…选择“Cocoa Touch Class”-Next，给个合理的名称ViewController，再Next完成；

3、在AppDelegate.m文件包含#import "ViewController.h"；

4、初始化创建ViewController的视图控制器，并用导航栏控制器包含。将之设置为根视图控制器。

2

创建UIScrollView及添加 ***

1、在ViewController.h添加事件 *** 和数据源 *** UITextFieldDelegate；

2、在ViewController.h创建UIScrollView、UIPageControl；

3、在ViewController.m初始化UIScrollView、UIPageControl；

4、 *** 授权并添加至视图；

5、修复ScrollView偏移。

3

设置UIScrollView的属性

1、设置是否有橡皮筋效果属性：bounces；

2、设置是否使用分页属性：pagingEnabled；

3、设置是否允许滚动属性：scrollEnabled；

4、设置是否显示水平滚动条属性：showsHorizontalScrollIndicator；

5、设置是否显示竖直滚动条属性：showsVerticalScrollIndicator；

6、设置内容范围属性：contentSize。

4

添加UIScrollView的 *** ***

1、完成滚动：scrollViewDidScroll；

2、将要开始拖动：scrollViewWillBeginDragging；

3、结束拖动：scrollViewDidEndDragging；

4、滚动将要开始减速：scrollViewWillBeginDecelerating；

5、滚动减速到停止：scrollViewDidEndDecelerating。

6、是否滚动到顶部：scrollViewShouldScrollToTop；

7、滚动到顶部：scrollViewDidScrollToTop。

5

设置分页滚动效果

1、创建初始化要加载到每一页的数组NSArray;

2、启用分页属性：pagingEnabled = YES；

3、为每一页添加数组数据，for循环遍历；

4、根据NSArray大小设置内容范围：contentSize；

5、设置UIPageControl的总页数：numberOfPages = [array count]；

6、设置UIPageControl的当前页：currentPage。

6

配置分页滚动时UIPageControl也跟随变动

1、添加UIScrollView *** *** ：scrollViewDidScroll

2、在scrollViewDidScroll内实现监听contentOffset内容偏移量；

3、根据contentOffset计算当前属于哪一页；

4、赋值给self.pageControl.currentPage。

夸克滑动验证是怎么回事

夸克滑动验证是这么回事：滑块验证码是在网站、APP等应用中常见的一种验证方式，通过按照一定规则滑动滑块到指定位置完成验证，才可以进行下一步操作。滑块验证码有两种设计，一种是在滑动框内“一滑到底”即完成验证的，还有一种是滑动滑块拼合拼图完成验证的。由于拼图式的滑块验证码安全性更高，趣味性更强，所以多数网站或APP都选择了拼图式的滑块验证码。

我把苹果手机滚动设置设置成了滚动到底部请问怎样解开？

拖动的话直接可以在设置里面就可以把它这个解开就可以了呀，就不用改。

appoA11桌面滚动怎么设置？

1、首先在手机桌面两指同时向内滑动抄，调出手机的桌面编辑bai菜单。

2、进入到手机的桌面便捷界面以后，选择“滑屏特效”选项。

3、最后zhi在滑屏特效界面将“翻转滑屏”勾选上，这样手机桌面就设置为滚动模式了。