社区
HTML5
帖子详情
移动端页面iframe子页面滑到一定距离时其子页面中div的position:fixed失效问题
请叫我龙仔c
2017-12-21 09:12:50
其中iframe页面中的“投资情况”、“施工现场”、“选择项目”、这两个大的div是position:fixed定位;
当我们页面开始滑动,如图所示:
这时候还是固定的,当我们再滑动一定距离时:
这时候fixed就失效了,请问大神们这个改怎么解决呢?
...全文
639
1
打赏
收藏
移动端页面iframe子页面滑到一定距离时其子页面中div的position:fixed失效问题
其中iframe页面中的“投资情况”、“施工现场”、“选择项目”、这两个大的div是position:fixed定位; 当我们页面开始滑动,如图所示: 这时候还是固定的,当我们再滑动一定距离时: 这时候fixed就失效了,请问大神们这个改怎么解决呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
天际的海浪
2017-12-21
打赏
举报
回复
你流动的是父页面,子页面没有滚动
JavaScript Table行定位效果
一开始的需求只是表头部分在滚动
时
能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code 1 2 3 4 给tr设置relative后就能相对table定位了,看来很简单啊,但
问题
是这个方法ie8和ff都无效,而且存在很多
问题
,所以很快就被抛弃了。 ps:该效果用来做tr的拖动会很方便。 接着想到的是给table插入一个新tr,克隆原来的tr,并设置这个tr为
fixed
(ie6为absolute),例如: Code 1 2 3 4 5 6 第一个
问题
是
fixed
的tr在ie7
中
不能进行定位,而且td在定位后并不能保持在表格
中
的布局,这样在原表格插tr就没意义了。 ps:
fixed
的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个table,并把源tr克隆到新table
中
,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 【克隆table】 克隆一个元素用cloneNode就可以了,它有一个bool参数,表示克隆是否包含
子
节点。 程序第一步就是克隆原table: this._oTable = $(table);//源table this._nTable = this._oTable.cloneNode(false);//新table this._nTable.id = "";//避免id冲突 要注意虽然ie的cloneNode参数是可选的(默认是false),但在ff是必须的,建议使用
时
都写上参数。 还要注意的是id属性也会被克隆,也就是克隆后会有两个相同id的元素(如果克隆对象有设置的话),这很容易会导致其他
问题
,程序会把克隆table的id属性设空。 ps:table请用class来绑定样式,用id的话新table就获取不了样式了。 克隆之后再设置样式: this._style.width = this._oTable.offsetWidth + "px"; this._style.
position
= isIE6 ? "absolute" : "
fixed
"; this._style.zIndex = 100; 一般来说offsetWidth是width+padding+border的结果,但table比较特别,测试下面的代码: Code
iOS 下,
iframe
页面
中
的
position
:
fixed
定位无效的解决办法
iOS 下,
iframe
页面
中
的
position
:
fixed
定位无效的解决办法
ios下,
iframe
页面
中
的
position
:
fixed
定位布局错误
bug现象 开发微信公众账号,需要使用
iframe
展示一个
页面
,点击这个
页面
中
的按钮
时
,会弹出一个对话框,对话框使用
fixed
定位,关键布局信息如下所示:
div
.
fixed
{
position
:
fixed
; top: 0; left: 0; width: 100%; height: 100; z-index: 100; } 在网页上、Android版微信
中
都没
问题
,但是iOS
中
,该
iframe
子
页面
position
的
fixed
前言: 首先说一说我昨天天的苦逼经历。
中
午吃饭
时
一同事跟我说,他做的项目嵌套
iframe
后,
子
页面
的
position
设置
fixed
失效
了。 经过反复询问,得知他用了两层
iframe
,再加上最外的父
页面
,一共就是三层。 下午就其
iframe
子
页面
固定定位
问题
进行处理,上网找了各种解决方案:插件、js模拟等效果均不理想。
页面
不是代码过多就是效果卡顿、跳动(附:博主的同事架构的
页面
是用于手机微信端...
iframe
跨域
position
fixed
失效
超简单解决方案
如果有朋友使用跨域
iframe
的
时
候遇到了这个
问题
,那么欢迎你试一下这个办法,我再全网都没搜到非常完善的解决方案,有个兄弟的帖
子
帮了我很大的忙,但是我解决了
问题
的
时
候却找不到他的帖
子
了,实在抱歉 首先声明一下场景 一个html
页面
,作为父
页面
,拥有
iframe
标签,
iframe
的src地址为【2】 一个html
页面
,作为
子
页面
两个html
页面
位于不同域下
页面
1(父
页面
) <!DO...
HTML5
39,083
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章