scrollTo 平滑滚动

scrollTo

作用

Element 的 scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置。

使用

element.scrollTo(x-coord, y-coord)

x-coord 滚动到位置水平轴上距元素左上角的像素。
y-coord 滚动到位置竖直轴上距元素左上角的像素。

element.scrollTo(0, 1000);

element.scrollTo(options)

options 是一个ScrollToOptions对象。

ScrollToOptions

top: 指定 window 或元素 Y 轴方向滚动的像素数。
left: 指定 window 或元素 X 轴方向滚动的像素数。
behavior: 指定滚动是否应该平滑进行，还是立即跳到指定位置。支持参数 smooth(平滑滚动), instant(瞬间滚动),默认值 auto（同instant）

element.scrollTo({top: 100,left: 100,behavior: 'smooth'
});

ScrollToOptions 兼容

scrollTo 平滑滚动相关推荐

scrollTo平滑滚动
window.scrollTo() 滚动到文档中的某个坐标第一种写法: // 直接指定滚动到x轴和y轴位置 scrollTo(0, 0) 第二种写法: /** scrollTo(options)op ...
JQuery插件：ScrollTo平滑滚动到页面指定位置
ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置.适用在一些页面内容比较多,页面长度有好几屏的场合,本文以DEMO为示例讲解该插件的应用.查看演示D ...
php滚动到指定位置,JQuery插件：ScrollTo平滑滚动到页面指定位置
ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置.适用在一些页面内容比较多,页面长度有好几屏的场合,本文以DEMO为示例讲解该插件的应用.查看演示D ...
scrollTo滚动到指定位置或指定元素的位置、平滑滚动，以及offsetTop的使用
element.scrollTo首先需要注意的是调用scrollTo方法的是出现滚动的父元素,即高度固定overflow:scroll的那个元素. 1.滚动到的位置确定: const parent = ...
scrollTo方法的平滑滚动
scrollTo有两种语法: 1.scrollTo(x,y) //指定滚动到x轴和y轴的位置 2.scrollTo(options) //options有三个参数,(left,top,behavior ...
浏览器原生支持平滑滚动
原文地址:www.zhangxinxu.com/wordpress/?- 浏览器从去年年底开始,已经开始支持浏览器的原生平滑滚动定位,CSS scroll-behavior属性和JS scrollIn ...
window.scrollTo滚动条滚动速度滚动到指定距离
常用使用法: window.scrollTop(x,y)//x横坐标 y纵坐标例:window.scrollTop(0)window.scrollTop(100,0)window.scrollTop( ...
jquery视差推荐：nikebetterworld视差平滑滚动效果
让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验.这就是视差滚动技术,作为今年网页设计的热点趋势,越来越多的网站应用了这项技术.上次,我创建了一个jQuery的垂直视差演示,操纵 ...
包含锚点平滑滚动效果/解决锚点链接碰到固定定位问题/导航选中背景变色/固顶/返回顶部效果全...
<script type="text/javascript">$(function() {//锚点平滑滚动效果 $('a[href*=#],area[href*=#]' ...

scrollTo 平滑滚动

scrollTo

作用

使用

ScrollToOptions 兼容

scrollTo 平滑滚动相关推荐

最新文章

热门文章