监听滚动返回Y轴的值
window.onscroll = function() {
//为了保证兼容性，这里取两个值，哪个有值取哪一个
//scrollTop就是触发滚轮事件时滚轮的高度
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log("滚动距离" + scrollTop);
}
跳转到指定滚动位置
function scoll(num) {
window.scrollTo({
top: 600, //设置滚动的距离
behavior:'smooth'
})
}
使用vue做一个专题页面。滚动页面指定区域导航高亮。监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动...
这个方法适用于顶部固定这种不是全页面在滚动的情况，只需要监听指定的位置滚动就能触发想要的效果。 主要就是用到ref...
需求：右侧有导航栏，点击可以跳转到页面指定位置，同时页面滚动到指定的位置，右侧的导航栏也根据位置进行高亮变化。CS...
uniapp页面滚动到页面可指定位置
两种监听页面滚动的方法 一、原生js通过window.onscroll监听 二、Jquery通过$(window)...
运行效果 滑动方向设置行数列数滑动方向.gif设置行数列数.gif 滚动到指定位置滚动到指定页滚动到指定位置.gi...
Vue系列：滚动页面到指定位置实现 方法1：scrollTop 滚动到某位置 方法2：scrollTo，scrol...
在一个vue页面中滚动页面，点击链接跳转到新页面时，新页面的初始位置为旧页面滚动的位置。解决方案：https://...
1、内容滚动背景图固定在指定位置 素材： 源代码: **运行效果： **内容滚动，图片不滚动。
方案一：Controller 可以设置默认的offset; 监听滚动，也可以监听滚动的位置； 不能监听开始滚动、结...
本文标题：js-监听页面滚动，跳转到指定滚动带动画效果位置
本文链接：https://www.haomeiwen.com/subject/nkyqjktx.html
网友评论