window.scrollTo()方法使用示例

最新推荐文章于 2024-07-26 11:22:40 发布

原创最新推荐文章于 2024-07-26 11:22:40 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的JavaScript函数scrollwin(), 该函数通过window.scrollTo()方法来改变浏览器窗口的滚动位置。用户可以通过输入X和Y坐标值来确定滚动的目标位置。

(一).示例图片效果

(二).代码

window.scrollTo()函数

请输入窗口的位置:

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=573132

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

techweb

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS的操作之窗口滚动的操作

谨言的博客

07-13

1922

窗口中，左上角为原点，也就是x =0,y=0，右上角的坐标 y = 0，左下角的坐标 x = 0 滚动到窗口的哪个像素：window.scrollTo(x,y) 如果x轴不变，那么x轴就是0 滑动到窗口最底部 window.scrollTo(0,document.body.scrollHeight) 滑动到窗口中间 window.scrollTo(0,document.body.scrollHeight/2) 将元素滑动到可是范围内 1）找到需要定位的元素 2）将元素滚动到...

ie11ScrollTo_html5_DEMO_

10-01

一个demo，解决ie11 不认识 scrollTo() 这个函数的问题

参与评论您还未登录，请先登录后发表或查看评论

scrollTo()方法

qq_42931285的博客

03-18

2390

即可以用在window对象上，也可以使用在某个具体的dom元素上。 Window.scrollTo() 滚动到文档中的某个坐标。 // 浏览器视口置顶例子：window.scrollTo( 0, 0 ); Element.scrollTo() Element 的scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置。 ...

JavaScript - window.scrollTo

idomyway的博客

05-21

1549

回到页面顶部 window.scrollTo(0,0); //回到顶部

原生js 平滑滚动到页面的某个位置

weixin_30362083的博客

09-07

5009

window.scrollTo() 语法1: 　window.scrollTo(x-coord,y-coord) x-coord是文档中的横轴坐标。 y-coord是文档中的纵轴坐标。例子：　　window.scrollTo(0,1000); // 垂直滚动到1000的位置语法2：　window.scrollTo(options) top等同于y-...

js、jq点击返回顶部(vue)、window.scrollTo

林中明月间丶

05-18

3115

<div id="return" style="display: block;"> <a href="" onclick="document.documentElement.scrollTop=document.body.scrollTop=0;return false;"> <img src="./images/return.gif&quo

window.scrollTo如何最后执行

热门推荐

Mr.Yuan

06-22

3万+

在vue项目中要使用到, 适用于滚动到顶部, 滚动到指定位置 /** * 动画垂直滚动到页面指定位置 * @param { Number } currentY 当前位置 * @param { Number } targetY 目标位置 */ function scrollAnimation(currentY, targetY) { // 获取当前位置方法 // co...

Web浏览器滚动方案，Window：scrollTo()、Window：scrollBy()、Element.scrollIntoView() 三种方案

呆呆狗

07-26

1555

Web浏览器滚动方案，Window：scrollTo()、Window：scrollBy()、Element.scrollIntoView() 三种方案

window.scrollTo、scrollTop

qq_25741071的博客

03-08

4502

if(!time) {// 设置循环的间隔时间值越小消耗性能越高 let spacingInex = time / spacingTime;// 计算循环的次数 let nowTop = document . body . scrollTop + document . documentElement . scrollTop;// 获取当前滚动条位置 let everTop =(number - nowTop) / spacingInex;

scrollTo平滑滚动

m0_45077247的博客

01-10

2220

scrollTo平滑滚动

js /滚动事件

qq_73700909的博客

11-18

1230

导语：在淘宝官网中，我们会发现，页面的中返回顶部按钮不是一直存在的，而是当页面滚动到某个高度的时候才会出现，那么想要实现这样的效果，就需要使用js中的滚动事件**方法一：**window.scrollTo(x-coord,y-coord) x-coord 是文档中的横轴坐标。y-coord 是文档中的纵轴坐标。比如： window.scrollTo(x-coord,y-coord) x-coord 是文档中的横轴坐标。y-coord 是文档中的纵轴坐标。**方法二：**

window.scrollTo

Zoe_Wang_ing的专栏

11-20

2246

Top测试过 ie 7891011

实现游戏陪玩系统页面滚动到指定位置的方法

m0_58374018的博客

09-01

425

通常一个完整的游戏陪玩系统页面可包含多屏内容，因此我们常需要通过滚动页面来阅读游戏陪玩系统上的内容。页面上有一些可点击的链接或按钮，点击后调转到页面指定的位置，今天介绍几种实现方式。纯html实现（锚点）一般包含两块：锚点锚定物 <a href="#anchorName">点击跳转当前页面指定锚点</a> <a name="anchorName">name锚定物</a> <p id="anchorName">id锚定物</p&gt

IE兼容scrollTo、scrollTop，input输入框自带X，safari输入框自带

weixin_39137100的博客

04-19

456

ie 使用append报错，换appendChild。(window.scrollTo()是有的）dom.scrollTo IE不识别。