关于去除滚动条（object/iframe等等嵌入内容）

最新推荐文章于 2023-05-24 14:15:30 发布

de883417

最新推荐文章于 2023-05-24 14:15:30 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/wxy-yuri/p/6924976.html

版权

由于最近项目中使用object来引入pdf，在调样式过程中发现滚动条是头号敌人。不给object设高吧，他就显示一丢丢在那里，给他设高吧，滚动条一条又一条十分难看。

尝试了好几种办法，什么overflow、scroll都不能达到理想的效果，最后一拍脑袋，这给object设置动态高度不就行了！代码如下：

　　var height = $(window).height();
　　$("#myPdf").css("height",height);//设置初始化高度
　　$(window).resize(function(){//设置窗口改变时的高度
　　　　var height = $(window).height();
　　　　$("#myPdf").css("height",height)
　　})

这样的话object的高度永远和窗口一致，body不会产生多余滚动条，最多只有一个object内部撑开的滚动条，看起来比较清爽。其他的类似嵌入的元素也可以同理的吧。挺简单的原理，就是一时没有想到~.~

转载于:https://www.cnblogs.com/wxy-yuri/p/6924976.html