vue 固定div 滚动_vue移动端导航吸顶（固定定位）页面滚动出现抖动

1-在页面中监听了滚动条，滚动到310px就固定定位了，添加类名的方式

handleScroll () {

var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop

if (scrollTop > 310) {

this.searchBarFixed = true;

} else {

this.searchBarFixed = false;

}

2-但是在页面滚动的时候导航条就会一直抖动

下面是html样式

主页

简介

成员

赛事

css的样式：

.searchBar {

.isFixed {

position: fixed;

background-color: #fff;

top: 0;

z-index: 999;

width: 100%;

background-color: #fff;

}

跪求大神解答

vue 固定div 滚动_vue移动端导航吸顶（固定定位）页面滚动出现抖动相关推荐

vue移动端表格吸顶、行自适应高度、列左侧固定悬浮
简介 1.表头吸顶效果 2.左侧列固定,右侧滑动,表头跟随内容滑动 3.行高自适应番外最近上海疫情,居家办公一月多了,愿阴霾散去.最近网上在正常得市民抱怨中,有很多别有用心之人,数典忘祖,造谣生事 ...
vue监听滚动事件实现某元素吸顶或者固定位置显示
vue监听滚动事件实现某元素吸顶或者固定位置显示最近写了一个VUE的web app项目,需要实现某个部位吸顶的效果.即,页面往上滑动,刚好到达该部位时,该部分,固定在顶部显示. 1.监听滚动事件 ...
jq实现导航吸顶效果
显示效果如下: <!DOCTYPE html> <html><head><meta charset="UTF-8"><meta ...
jquery实现导航吸顶效果
jquery实现导航吸顶效果,主要通过监听页面滚动事件和获取页面各参数实现,可参考我的博客<使用原生js获取页面信息>和jquery手册 <!DOCTYPE html> < ...
微信小程序-导航吸顶+view锚点
微信小程序--导航吸顶+view锚点导航栏滑动定位+view锚点效果图实现原理 WXML WXSS JS-主页面子页面-newcontent 导航栏滑动定位+view锚点我们在做小程序的时候 ...
页面滚动到某一位置吸顶_vue监听滚动事件某元素吸顶或固定位置显示详解
本文主要为大家详细介绍了vue实现某元素吸顶或固定位置显示,监听滚动事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 最近写了一个VUE的web app项目,需要实现某个部位 ...
页面滚动到某一位置吸顶_前端吸顶功能，滚动到一定位置时固定到顶部
2019独角兽企业重金招聘Python工程师标准>>> 适用环境:菜单滑动后固定,搜索框的固定 (只做全了功能,没有写完美样式,明白原理,样式可自行调整,为了区分效果,颜色反差比较明 ...
移动端弹出遮罩层禁止页面滚动，遮罩里面的框允许滚动如何实现。
因为有的弹窗上面有滑动,但是滑动部分滑动时会带动底下的页面滚动,如何解决? 1.弹窗弹起时 activityAgreement:function(){vm.agreementsDailog=true; ...
竖屏图片滚动html5,详解swipe使用及竖屏页面滚动方法
Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端. Swiper能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果 ...

vue 固定div 滚动_vue移动端导航吸顶（固定定位）页面滚动出现抖动

vue 固定div 滚动_vue移动端导航吸顶（固定定位）页面滚动出现抖动相关推荐

最新文章

热门文章

vue 固定div 滚动_vue移动端 导航吸顶（固定定位）页面滚动出现抖动

vue 固定div 滚动_vue移动端 导航吸顶（固定定位）页面滚动出现抖动相关推荐

最新文章

热门文章

vue 固定div 滚动_vue移动端导航吸顶（固定定位）页面滚动出现抖动

vue 固定div 滚动_vue移动端导航吸顶（固定定位）页面滚动出现抖动相关推荐