求助!!iframe 自适应高度 隐藏滚动条 55
看了好多代码,就是没成功,对于你们应该是很简单的东西。。。。。想达到的效果:1.框架的页面自适应高度全页都能看到。2.隐藏滚动条,只显示一个滚动条。3.跨域下的ifram...
看了好多代码,就是没成功,对于你们应该是很简单的东西。。。。。
想达到的效果:
1.框架的页面自适应高度 全页都能看到。
2.隐藏滚动条,只显示一个滚动条。
3.跨域下的iframe自适应高度(而且是不同的网站,JS和CSS都是未知的)。
4。我页面最下方的 订单提交那部分要有效
不知道怎么贴代码,传网盘了
http://pan.baidu.com/s/1kToU11P 展开
想达到的效果:
1.框架的页面自适应高度 全页都能看到。
2.隐藏滚动条,只显示一个滚动条。
3.跨域下的iframe自适应高度(而且是不同的网站,JS和CSS都是未知的)。
4。我页面最下方的 订单提交那部分要有效
不知道怎么贴代码,传网盘了
http://pan.baidu.com/s/1kToU11P 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏55(财富值+成长值)
展开全部
你可以用Jquery控制iframe的宽和高。获取窗口可视部分的宽高设置给iframe
//文档加载完成时
$(document).ready(function(e) {
$("iframe").height($(window).height());
$("iframe").width($(window).width());
});
//为了适应用户取消了浏览器全屏时的效果,你还需加一个窗口改变时的事件
$(window).resize(function(){
$("iframe").height($(window).height());
$("iframe").width($(window).width());
});
//文档加载完成时
$(document).ready(function(e) {
$("iframe").height($(window).height());
$("iframe").width($(window).width());
});
//为了适应用户取消了浏览器全屏时的效果,你还需加一个窗口改变时的事件
$(window).resize(function(){
$("iframe").height($(window).height());
$("iframe").width($(window).width());
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看代码结构是框架自适应整个body的高度,那就简单了 你把body的可视部分的高度获取出来在赋值给iframe
$(function(){
$("iframe").css({height:$(window).height()});
})
搞定
如过要是在加东西就把它的高度获取出来在用$(window).height()去减
$(function(){
$("iframe").css({height:$(window).height()});
})
搞定
如过要是在加东西就把它的高度获取出来在用$(window).height()去减
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-02-02
展开全部
织梦的后台是实现了这个功能,iframe宽度高度自适应,我没分析出来是怎么实现的,你可以去看看。别信楼下的,用javascript控制滚动条在改变浏览器大小的时候就出问题了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询