固定顶部指定div不滑动

.fixed_div {
position:fixed;
z-index:100;
top: 45px;
width:100%;
height:45px;
}

指定div设置属性position:fixed;就可以不随着整个页面滑动

转载于:https://www.cnblogs.com/mangwusuozhi/p/9247672.html

固定顶部指定div不滑动相关推荐

页面滚动到指定位置导航栏固定顶部
做一个网页时经常会用到导航栏,导航栏对于一个网站来说,地位是举足轻重的,在用到导航栏时,我们经常会用到一个效果,就是当页面滑动到一定的位置时,导航栏需要固定在页面的顶部,这是怎么实现的呢? 下面的代码 ...
实现点击到底部、顶部、指定div功能
顶部: $(".back_top").click(function () { scrollTo(0, 0); }); function goTop() { $('html, bod ...
vue监控指定div滑动触底
一共有两种方法,但是不论哪种方法, 一定要给监听的div设置overflow-y: scroll;属性! 一定要给监听的div设置overflow-y: scroll;属性! 一定要给监听的div设置 ...
固定-浮动定位在顶部的div
固定-浮动定位在顶部的div <!DOCTYPE HTML> <html lang="en-US"> <head> <meta chars ...
微信小程序实现自定义顶部导航栏（选项卡），固定导航栏和可滑动导航栏
微信小程序实现自定义顶部导航栏(选项卡),固定导航栏和可滑动导航栏固定导航栏可滑动导航栏顶部导航栏的需求实现: 顶部导航栏由列表渲染,通过tabclick点击事件改变activeIndex变量的 ...
css导航栏固定顶部两种情况,及绝对定位，相对定位，固定定位和粘性定位的特性及区别
绝对定位,相对定位,固定定位和粘性定位的特性及区别,我整理一下放在文章最下面了,不用死记硬背,理解一下就ok,需要的话可以看看. 当导航栏头部没有别的模块时,想要滑动过程中导航栏一直在顶部,有两种写法 ...
css方法实现表格表头固定，横向纵向可滑动
介绍一种用css实现表格表头固定,横向纵向可滑动的方法先用一个div把表格包起来,表格给定高宽,overflow:scroll. 然后给表头写一个黏性布局 position: sticky:top: ...
react顶部导航栏固定顶部
react顶部导航栏固定顶部顶部固定导航方式千千万,我只推荐三种,觉得有用可以点个赞,谢谢 (推荐第三种组件库) 1. 原生方法事件监听方法包括window.addEventListener(&q ...
CSS div footer,网站Footer导航完美自动固定在底部div+css
网站Footer导航完美自动固定在底部div+css,为啥要添加完美呢?因为马上过年,我们需要一个比今年更完美一点我们在设计网页的时候,都会遇到一个问题: 我底部导航要在底部,用position: ...

固定顶部指定div不滑动

固定顶部指定div不滑动相关推荐

最新文章

热门文章