scrollBy的用法

最新推荐文章于 2021-05-26 17:06:59 发布
最新推荐文章于 2021-05-26 17:06:59 发布
阅读量1.1k 收藏
点赞数
分类专栏： Javascript 文章标签： button Button javascript JavaScript Javascript javaScript scroll Scroll 文档
谢谢！
原文地址：scrollBy的用法 作者：全力以赴PHP
用法一：实现自动阅读
<html>
      <head>
            <title>范例9-16</title>
      <body>
            <script language="javascript">
                    setInterval( "ScroWin()", 10);      //设定计时器
                  functionScroWin()                                                                        //定时器函数
                  {
                        window.scrollBy( 0, 1);                                                //向上滚动1px     
                  }
            </script>

            <hr /><br/><br/><br/><br/><br/><br/>  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br />
            浏览器中的内容大于其显示区域时，<br>
            一般会出现滚动条方便查看被遮挡的内容。<br>
            用户可以拖动滚动条，也可以通过程序来控制窗口的滚动。<br>
            调用window对象的scrollBy或scrollTo方法即可滚动文档，<br>
            在一些设计比较人性化的文章阅读页面上就看到这样的应用，<br>
            文章自动上滚，方便阅读<br>
      </body>
</html>

------------------------------------------------------------------------

用法二：让页面向上移动

HTML DOM scrollBy() 方法

定义和用法

scrollBy() 方法可把内容滚动指定的像素数。

语法

scrollBy(xnum,ynum)
参数描述
xnum必需。把文档向右滚动的像素数。
ynum必需。把文档向下滚动的像素数。


<html>
<head>
<script type="text/javascript">
function scrollWindow()
  {
  window.scrollBy(100,100)
  }
</script>
</head>
<body>

<input type="button" οnclick="scrollWindow()"value="Scroll" />
<p>SCROLL SCROLL SCROLL SCROLL SCROLLSCROLL SCROLL SCROLL</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /><br/>
<br />
<br />
<br />
<br />
<br />
<br />
<br /><br/>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>SCROLL SCROLL SCROLL SCROLL SCROLLSCROLL SCROLL SCROLL</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /><br/>
<br />
<br />
<br />
<br />
<br />
<br />
<br /><br/>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>SCROLL SCROLL SCROLL SCROLL SCROLLSCROLL SCROLL SCROLL</p>

</body>
</html>
ZYaller
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android View的scrollTo()、scrollBy() 和Scroller类总结
贰佰没有伍
08-24 5729
一、View的scrollTo()、scrollBy() 1.scrollTo、scrollBy方法是View中的，因此任何的View都可以通过这两种方法进行移动。首先要明白的是，scrollTo、scrollBy滑动的是View中的内容（而且还是整体滑动），而不是View本身。我们的滑动控件如SrollView可以限定宽、高大小，以及在布局中的位置，但是滑动控件中的内容（或者里面的childView）可以是无限长、宽的，我们调用View的scrollTo、scrollBy方法，相当于是移动滑动控件中的画布
scrollTo 和 scrollBy 方法使用说明
L25000的专栏
06-03 3183
一、滚动的是什么？ scrollgoback.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { text.scrollBy(2, -10); // text.scrollTo(20, -50); textInfo.setText("ScrollX = "+
Window scrollBy() 方法
iteye_5722的博客
02-19 1276
定义和用法 scrollBy() 方法可把内容滚动指定的像素数。 注意： 要使此方法工作 window 滚动条的可见属性必须设置为true！ 语法 scrollBy(xnum,ynum)   参数 描述 xnum 必需。把文档向右滚动的像素数。 ynum 必需。把文档向下滚动的像素数。 实例   &lt;!DOCTYPE ht...
listview滑动方法总结
wlkdb的博客
12-05 4256
今天，哦不，昨天主要就在做这个，掉进了一个小坑，终于爬了出来攒了点经验，趁着还热乎在此总结一下~ 除了手动滑动Listview之外，用来滑动listview的方法有这么几个： setPostion(int position) setScrollY(int Y) scrollTo(int x, int y) scrollBy(int x, int y) smoot
控制IFrame里的页面滚动原来如此简单：）
01-25 956
图片控制页面滚动 　常用效果之一 步骤一：在当前网页中插入其它网页//a1为框架名，可自定义；//page.htm为在当前网页中需插入的另一网页；//scrolling为是否要在插入网页的框架中显示滚动条（yes：显示；no：不显示）。　步骤二：分别在需加移动指示处插入指示图片//其中的图片地址和名称以及框架名a1均可根据实际设定进行修改。效果果然不错！收藏一下：）
Android scrollTo和scrollBy方法使用解析
08-28
总的来说，理解`scrollTo`和`scrollBy`的用法对于创建可滚动界面至关重要。它们允许开发者精确地控制视图内容的滚动，从而实现各种复杂的滚动效果。在实际应用中，通常需要结合触摸事件和视图层次结构来正确使用这两...
浅谈window对象的scrollBy()方法
09-03
本文将深入探讨`window.scrollBy()`方法的定义、用法、浏览器兼容性和实际应用示例。 ### scrollBy() 方法的定义 `window.scrollBy(x, y)`方法是用来平移当前窗口内容的。它不改变窗口的位置，而是滚动内部的内容...
scrollTo和scrollBy Demo演示源码
08-29
本Demo演示源码将深入展示这两个方法的用法，帮助开发者理解如何有效地控制页面或元素的滚动行为。 `scrollTo`方法允许我们直接跳转到元素的特定滚动位置。它接受一个对象作为参数，该对象可以包含`top`和`left`...
android scrollTo,scrollBy与Scroller demo
12-12
`scrollTo`、`scrollBy`和`Scroller`是Android视图组件中处理滚动的核心方法，它们各自扮演着不同的角色，共同实现了平滑且可控的滚动效果。下面我们将深入探讨这三个概念及其在实际开发中的应用。 1. `scrollTo`...
js实现点击置顶
努力的zhiyi
12-01 1万+
js实点击置顶的功能 需要掌握的知识点 1、js中的scrollBy() 方法 把内容移动指定的尺寸，单位是像素 scrollBy(x,y) x 必填 —— 内容向右移动的尺寸 y 必填 —— 内容向下移动的尺寸 2、js中的scrollTop()方法 获得元素滚动条内的顶部隐藏部分的高度 scrollTop属性只有DOM元素才有， window/document没有。
奋斗30天Javascript之scrollTo和scrollBy两个JS API（Part31）
Super Livia
07-30 553
一、韩信么？ scrollTo和scrollBy这两个JS API也是用来控制元素或者窗体的滚动距离的。 我脑中的存储快速索引了一遍，发现JS API中控制元素或者窗体的滚动距离的API还真不少。 例如兼容性很好的scrollLeft和scrollTop，使用示意： // 设置element左滚动距离100 element.scrollLeft = 100; // 设置element上滚...
js scroll 判断 横向滚动还是 纵向滚动_浏览器的一些“滚动”行为鉴赏
weixin_39736007的博客
11-29 2355
分类按照我的个人理解，滚动分全局滚动(浏览器窗口)跟局部滚动(自定义的盒子)，以下内容绝大部分都是指全局滚动，局部滚动的话获取指定的DOM再调用相应的API即可✅如何设置全局滚动条高度最常用的方法：window.scrollTo(0, 0); // or window.scrollTo({ left: 0, top: 100 }); 复制代码也可以利用相对滚动设置：window.scrollB...
scroll、scrollBy和 scrollTo三种方法定位滚动条位置，以及在vue中使用的注意事项
热门推荐
github_39598787的博客
05-14 4万+
在默认情况下，页面加载完后默认滚动在最顶端，有些时候我们需要在页面打开后，定位滚动条的位置，比如，横向和纵向滚动条居中，实现页面滚动的方法有三种：scroll、scrollBy和 scrollTo，三个方法都带两个参数：x(X轴上的偏移量)和y(Y轴上的偏移量)。因此我们只需修改x,y的偏移量来设置滚动条的位置。另外，页面的滚动高度必须在网页加载完成后才能获取到，所以触发事件用onload。方法一...
android scrollto参数,【原创】scrollBy和scrollTo简述
weixin_29363919的博客
05-26 517
刚刚在学习listview滑动删除，要用到view的scrollBy和scrollTo，就研究了一下，下面分享一下:先说scrollTo,scrollTo(int x, int y):传入x,y坐标，将view移动到(-x,-y)位置scrollBy(int x, int y):传入x,y坐标，将view向x正方向移动-x个单位，向y正方向移动-y个单位假设x为正数，就向左移，反之向右下面画个图举...
scrollBy(x,y)控制滚动条
Queen-Shir的博客
12-06 688
1、操控整个网页的滚动条 window.scrollBy(x,y);   2、操控页面上某一指定滚动条，比如页面上某个ul的滚动条 obj.scrollBy(x,y); 如图：
js 滚动条 scroll属性/事件 兼容滚动条方法 获取滚动条信息 操作滚动条(scroll() scrollTo() scrollBy()) 获取窗口滚动条偏移量
weixin_42448623的博客
10-26 1587
window.pageXOffset/pageYOffset x轴/y轴 滚动距离 IE8及以下不兼容 IE8 及以下浏览器 支持 兼容性比较混乱 用时取2个值相加，因为两个值不可能同时存在 一个存在，另一个必然为0 document.body.scrollLeft/scrollTop document.documentElement.scrollLeft/scrollTop 封装 兼容滚动条...
Javascript - 实现Javascript控制ScrollBar(滚动条) - 学习/实践
william_n的博客
11-27 8158
1.应用场景 主要用于控制srollbar的位置, 实现界面定位效果 2.学习/操作 在Javascript中有三种方法能够控制滚动条的位置. 方法一：用scroll函数实现 scroll(x,y); x代表横向滚动条的位置，也就是控制左右位置，当为0时, 代表最左边，当为document.body.scrollWidth时, 代表最右边. y代表纵向滚动条的位置，也就是控制上下位置，当为0时, 代表最上面，当为document.body.scrollHeight时,
window.scrollBy 横向滚动
最新发布
05-31
可以使用`window.scrollBy()`方法来横向滚动页面。 例如，要向右滚动页面100个像素，可以使用以下代码： ``` window.scrollBy(100, 0); ``` 其中第一个参数表示横向滚动的距离，第二个参数表示纵向滚动的距离。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值