问 html5如何固定标题栏在顶部。兼容各个手机浏览器

时间:2022-11-01 23:29:23
就类似下图的这种, 这个效果用fixed 效果 在安卓上面的浏览器没有问题,但是在肾系列里面没有效果的
我现在没有找到类似的实现方式,我用jq mobile的话,引用他的样式,他就覆盖微信那边提供的样式了。
用easyui mobile的话,可以实现这个效果的。但是那个easyui-min版本都有343k,我有好多页面的,我看了一下微信的好像有些机子不能保存缓存的,来回几个页面就要了几M了。然后我去找那个easyui的单功能包(我只用这个标题栏,其他的不用他的),
但是我试了好多都不对。比如:jquery.panel.js,jquery.window.js,jquery.layout.js都不是这个标题栏的,再有其他的单包,都是那些什么textbox的了,跟这个布局没有关系了。
问 html5如何固定标题栏在顶部。兼容各个手机浏览器

3 个解决方案

#1


标题和内容分开,内容增加overflow auto
不过内容高度需要用js计算过,高度为屏幕显示高度-标题高度

#2


引用 1 楼 showbo 的回复:
标题和内容分开,内容增加overflow auto
不过内容高度需要用js计算过,高度为屏幕显示高度-标题高度

这样做的发,那么当页面有滚动条的时候,标题就被滚上去了,看不到标题了,现在需要的是标题始终在上面,不管如何滚动,都要看到标题

#3


我也遇到这个问题了 请问你找到解决方法了么

#1


标题和内容分开,内容增加overflow auto
不过内容高度需要用js计算过,高度为屏幕显示高度-标题高度

#2


引用 1 楼 showbo 的回复:
标题和内容分开,内容增加overflow auto
不过内容高度需要用js计算过,高度为屏幕显示高度-标题高度

这样做的发,那么当页面有滚动条的时候,标题就被滚上去了,看不到标题了,现在需要的是标题始终在上面,不管如何滚动,都要看到标题

#3


我也遇到这个问题了 请问你找到解决方法了么