浏览器滚动到一段距离,绝对定位的导航出现
来源:互联网 发布:mac地址 有问题 编辑:程序博客网 时间:2024/06/06 05:06
具体效果是,浏览器滚动到一定距离的时候,fixed绝对定位的导航会显示,当滚动到小于这个距离的时候,导航会隐藏。
js部分:
<script>
function getTop() {
var mytop = $(document).scrollTop();
if (mytop > 400) {
$(".fixed_banner").css({
'display': 'block',
'top': 0,
});
} else {
$(".fixed_banner").css('display', 'none');
}
setTimeout(getTop);
}
getTop();
</script>
css部分
.fixed_banner {
position: fixed;
bottom: 10px;
height: 100px;
z-index: 10000;
display: none;
}
0 0
- 浏览器滚动到一段距离,绝对定位的导航出现
- 页面滚动到一定的距离时,导航条绝对定位
- 可滚动的结果集,向前滚动,绝对定位
- 用绝对定位实现无滚动条的全屏滚动
- 浏览器定位和导航
- IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug
- 【CSS】IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug
- jQuery滚动顶部定位导航
- 使用Toolbar添加左边图标的时候,出现一段距离
- jsp页面鼠标滚动绝对定位元素
- jquery简单制作悬浮导航 滚动到哪儿 定位到哪儿
- 层的绝对定位
- 绝对定位的特点
- css的绝对定位
- 下拉导航中绝对定位与相对定位问题
- 点击导航下的某个栏目,出现在相应区域;滚动到某个区域,导航下的某个栏目相应效果
- ios浏览器绝对定位滑动不顺畅
- 相对于浏览器串口做绝对定位
- HDU 2177 威佐夫博弈
- cocos2dx编译luajit备注
- ExtJS中xtype常用简介
- 网页特殊符号HTML代码大全
- Java基础增强--JavaWeb前的准备
- 浏览器滚动到一段距离,绝对定位的导航出现
- 各类 ROM 调试器
- 在Python中正确使用Unicode
- svn取消本地代码的修改
- android:showAsAction 在Android studio 不起作用
- ios8来了,屏幕更大,准备好使用 iOS Auto Layout了吗?
- Spark API编程动手实战-05-spark文件操作和debug
- Msp430 1.22
- 鼠标经过,图片会放大(从中心位置放大)