这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户。然后成选中状态。 这是目前状态,我搜索 南宫仆射 ,想要下面的用户列表直接滚动到 南宫仆射 并改变CSS样式。 查询之后是这个子: 嗯,我的思路: 在搜索框搜索到用户之后 ...
监听滚动事件 mounted window.addEventListener scroll ,this.handleScroll , methods: handleScroll let scrollTop window.pageYOffset document.documentElement.scrollTop document.body.scrollTop console.log scrollT ...
2022-04-20 09:35 0 1322 推荐指数:
这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户。然后成选中状态。 这是目前状态,我搜索 南宫仆射 ,想要下面的用户列表直接滚动到 南宫仆射 并改变CSS样式。 查询之后是这个子: 嗯,我的思路: 在搜索框搜索到用户之后 ...
...
方案1: 该方案根据实际情况,会出现几种问题,参考:https://www.jianshu.com/p/a5cd3cff2f1b 方案2: 该方案可以解决方案1中出现的问题,但不是平滑的滚动到指定位置 ...
项目中,本来想通过点击左侧列表让页面进行快速导航(根据 id="item" 和 a标签的 href 属性【<a href="#item"></a>】),不过滚动后的页面一直是顶在浏览器页面顶部的,不符合项目需求,所以就通过 js 代码让页面进行指定位置滚动,代码 ...
利用jquery实现页面可视区滚动到指定位置。直接上代码 offset() 返回或设置匹配元素相对于文档的偏移。上述代码中 -200 的意思是是文本域再向下移动200px,实现此功能主要是scrollTop配合animate动画。 参考:scrollTop ...
首先获取某元素的位置 第二部 top 就是元素在纵轴的位置 可以自己进行调整 这里选择元素位置向上60px 就是-60 第三步滚动到指定位置 第二个参数为滚动时间 单位毫秒 ...
当页面的长度比较长时,如果进行刷新页面,我们希望能够在刷新完成页面之后,能够停留在当前位置,而不是从头再手动滚动到当前位置。 那么这样的效果如何实现呢?下面开始简单描写(由于博客园不支持效果展示,所以效果自行复制代码,运行查看咯) 页面长度很长很长很长 页面长度很长很长 ...
https://blog.csdn.net/learn8more/article/details/108047794 dom.scrollIntoView( { ...