原文:react中实现滚动到指定位置固定显示导航栏,反之浸入背景

需求描述 当导航栏置顶时,导航栏沉浸在背景图里 当鼠标滑动滚轮到一定位置时,显示导航栏 用原生JS实现 给window添加scroll滚动事件并执行对应方法,这里执行方法为handleScroll react中实现 在react中如果要使用上面的代码,需要使用生命周期函数componentDidMount添加scroll滚动事件 注:componentDidMount周期函数是在页面加载完,DO ...

2020-05-29 16:41 0 4312 推荐指数:

查看详情

div导航滚动到固定位置,且锚点定位不精准解决办法

一、首页,设置导航效果: 因为导航div从display:block变成display:fixed,脱离了文档流,造成后面锚点定位不准确,这里发一下这个bug的解决办法 二、锚点定位的内容被导航遮住 锚点位置跳转到的位置div: 这实际上是一种 ...

Tue Mar 31 00:11:00 CST 2020 0 894
Vue列表实现滚动到指定位置样式改变

这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户。然后成选中状态。 这是目前状态,我搜索 南宫仆射 ,想要下面的用户列表直接滚动到 南宫仆射 并改变CSS样式。 查询之后是这个子: 嗯,我的思路: 在搜索框搜索到用户之后 ...

Sat May 09 04:33:00 CST 2020 0 3436
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM