window.scrollTo()方法使用示例

最新推荐文章于 2024-07-26 11:22:40 发布
最新推荐文章于 2024-07-26 11:22:40 发布
阅读量2.2k 收藏
点赞数
文章标签： javascript scroll button border function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/softart/article/details/1935178
版权
2006年01月07日 21:22:00

(一).示例图片效果

(二).代码

>html<
>head<
>title /title<
>script laguage="javascript"<
>!--
function scrollwin(form)
{
var winx=form.X.value;
var winy=form.Y.value;
window.scrollTo(winx,winy);
}
//--<
>/script<
>/head<
>body bgcolor="#FFFFFF" text="#000000"<
>form<
>table border=0 align=center<
>tr<
>td colspan=3 align=center bgcolor=lightgreen<>font color=blue size=3<
请输入窗口的位置:>/font<>/td<>/tr<
>tr<
>td<>input type=text name="X" style="background-color:lightblue;color:blue"<>/td<
>td<>input type=text name="Y" style="background-color:lightblue;color:blue"<>/td<
>td<>input type=button value="scroll window" οnclick=scrollwin(this.form) style="background-color:ligntblue;"<>/td<

>/tr<
>/table<
>/form<
>/body<
>/html<



Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=573132


softart
关注
使用Splash爬取动态网页quotes.toscrape.com使用示例
12-23
splash:evaljs("window.scrollTo(0, document.body.scrollHeight)"); return splash:html(); } """ yield SplashRequest(url='http://quotes.toscrape.com', callback=self.parse, endpoint='execute', args={'...
回到页面顶部、window.scrollTo(0,0)，页面滚动
imkaifan的博客
11-26 3784
onFilter = (filters) => { window.scrollTo(0,0) this.filters = filters; this.searchHouseList(); }; 摘要 滚动到文档中的某个坐标。 语法 window.scrollTo(x-coord,y-coord ) window.scrollTo(options) 参数 x-coord 是文档中的横轴坐标。 y-coord 是文档中的纵轴坐标。 options 是一个包含三个属.
scrollTo平滑滚动
m0_45077247的博客
01-10 1641
scrollTo平滑滚动
【日常记录】【JS】Web浏览器滚动方案，Window：scrollTo()、Window：scrollBy()、Element.scrollIntoView() 三种方案
最新发布
呆呆狗
07-26 636
Web浏览器滚动方案，Window：scrollTo()、Window：scrollBy()、Element.scrollIntoView() 三种方案
window.scrollTo、scrollTop
qq_25741071的博客
03-08 3715
if(!time) {// 设置循环的间隔时间 值越小消耗性能越高 let spacingInex = time / spacingTime;// 计算循环的次数 let nowTop = document . body . scrollTop + document . documentElement . scrollTop;// 获取当前滚动条位置 let everTop =(number - nowTop) / spacingInex;
scrollTo() 方法
qq_40630924的博客
02-16 2254
scrollTo() 方法可把内容滚动到指定的坐标，就像淘宝一样点击参数到参数对应的位置，点击评论到评论对应的位置 参数一:x轴坐标， 参数二:y轴坐标， 参数三:时间， 用法:this.$refs.name.scrollTo(-1000，500) ...
使用scrollTo平滑滚动到顶部
weixin_53841730的博客
11-03 2435
behavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto（等同于instant）我一开始考虑使用动画，后来一想如果使用动画，滚动时间就固定了，就会造成滚动忽快忽慢的情况。项目有页面右下角有个返回按钮，点击则滚动到顶部。这里希望平滑滚动到顶部，故而使用smooth参数。所以有没有办法让页面平滑滚动到顶部呢？left 等同于 x-coord。top 等同于 y-coord。
关于js-window对象的方法和属性资料
11-24
### 关于JS Window对象的方法和属性详解 #### 概述 在JavaScript中，`window`对象是最顶层的对象，几乎所有的全局变量、函数等都属于它。`window`对象提供了多种方法和属性，使得开发者能够更好地控制浏览器窗口的...
浅谈window对象的scrollBy()方法
09-03
`window对象`是JavaScript中一个核心的全局对象，它代表了浏览器的窗口。在Web开发中，`window`...在实际开发中，结合其他`window`对象的方法，如`scrollTo()`和`scrollLeft/scrollTop`，可以实现更复杂的滚动功能。
js中scrollTop()方法和scroll()方法用法示例.docx
01-21
下面通过具体的示例来演示如何使用`scrollTop()`和`scroll()`方法： ```javascript // 获取当前滚动位置 let scrollTopPosition = document.documentElement.scrollTop || document.body.scrollTop; console.log(...
animais-fantasticos：使用DOM以及.window和.element的研究
02-20
它包含了与页面交互的所有属性和方法，如`.window.location`用于获取或设置当前页面的URL，`.window.alert()`用于显示警告对话框，`.window.scrollTo()`可以用来滚动页面到指定位置。理解`.window`对象对于编写交互...
实现页面平滑滚动到某个位置
zaoqinghuan的博客
04-22 1028
背景： 在一些项目中，在页面的右下角会有一个返回顶部的按钮。点击这个按钮，页面会平滑的滚动到顶部。我们向大家介绍了页面平滑滚动的2种方法。 一、window.scrollTo() window.scrollTo(x, y) 可以通过传入文档(HTML 中的 document)中的x轴坐标和y轴坐标将页面滚动到某个位置。该 API 还支持传入一个 options 对象，其中left属性等同于x轴坐标；top属性等同于y轴坐标；behavior 属性表示滚动行为，其类型为 String，可选值有 3 个：smo
scrollTo()
calangan的博客
06-12 1万+
scrollTo()
Android View的scrollTo()、scrollBy() 和Scroller类总结
贰佰没有伍
08-24 6137
一、View的scrollTo()、scrollBy() 1.scrollTo、scrollBy方法是View中的，因此任何的View都可以通过这两种方法进行移动。首先要明白的是，scrollTo、scrollBy滑动的是View中的内容（而且还是整体滑动），而不是View本身。我们的滑动控件如SrollView可以限定宽、高大小，以及在布局中的位置，但是滑动控件中的内容（或者里面的childView）可以是无限长、宽的，我们调用View的scrollTo、scrollBy方法，相当于是移动滑动控件中的画布
scrollTo()方法
qq_42931285的博客
03-18 2277
即可以用在window对象上，也可以使用在某个具体的dom元素上。 Window.scrollTo() 滚动到文档中的某个坐标。 // 浏览器视口置顶 例子：window.scrollTo( 0, 0 ); Element.scrollTo() Element 的scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置。 ...
scrollTo滚动到指定位置或指定元素的位置、平滑滚动，以及offsetTop的使用
热门推荐
lingliu0824的博客
03-30 4万+
element.scrollTo首先需要注意的是调用scrollTo方法的是出现滚动的父元素，即高度固定overflo:scroll的那个元素。 1.滚动到的位置确定： const parent = document.querySelector(`.parent`) //scrollTo可以直接传入滚动的X,Y值，也可以传入一个对象 //直接传值 parent.scrollTo(0,100) //传入对象的方式，这种方式可以控制滚动的速度 parent.scrollTo({ top: 100 ,
window.scrollTo控制滚动条平滑的滚动到某个位置
qq_38985463的博客
01-22 7421
语法一：window.scrollTop(x,y) //x横坐标 y纵坐标 例：window.scrollTop(0，1000) 语法二：window.scrollTop(options) window.scrollTo({ top:560, left:0, behavior: "smooth" }); // top:纵坐标 left:横坐标 behavior 类型String,表示滚动行为,支持参数 sm..
使用scrollTo/scrollTop让页面元素滚动到指定位置, 并设置滚动动画
灰色头像@的博客
03-07 5418
当容器有滚动条时,有时需要点击 或 将页面滚动到指定元素位置比如父元素设置了 ,当元素里的内容超过元素本身的高度时, 就会出现滚动条, 那么鼠标滑动的距离就是其滚动距离. 如何设置滚动 scrollTop属性 就是指 “元素中的内容” 超出 “元素上边界” 的那部分的高度。 直接给父元素的scrollTop赋值: 这种方法比较直接, 但是因为是直接设置的dom元素的js属性 而不是css属性, 所以想通过这种方法设置过渡动画是没有效果的(transition: all 1s linear; 无效)补充: 有
window.scrollTo滚动
Yoyo_Yan的博客
02-09 2902
window.scrollTo()和window.scroll()是同一个方法，参考MDN。 window.scrollTo() 在window对象上实现滚动效果 //可以直接调用 window.scrollTo(0, 1000); //也可以加 window.scrollTo({ top: 100, left: 100, behavior: 'smooth' }); 在具体的元素...
window.scrollto 多窗口
05-16
你可以使用 `window.open` 方法打开一个新的窗口，并在其中执行 `window.scrollTo` 方法来实现多窗口滚动。以下是一个示例： ```javascript // 打开一个新窗口 var newWindow = window.open('...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值