移动端H5页面顶部搜索栏悬浮

前言:在开发过程中,前端页面需要搜索信息,只有头部显示搜索框,想要搜索必须滑到顶部才能搜索。今天专门写个悬浮置顶的H5效果。

1、前端html页面:

2、js代码操作

引用jquery:

3、css样式

.navFix{position: fixed;width: 95%;_position: absolute;top: expression((offsetParent.scrollTop)+0);z-index: 2;background-color: #80808040;}

你可能感兴趣的:(JQuery,HTML,web,app)