当前位置：首页 → 问答吧 → 点击.menu a让iframe 的scrolling属性显示或隐藏

点击.menu a让iframe 的scrolling属性显示或隐藏

时间：2010-05-12

来源：互联网

点击.menu a让iframe 的scrolling属性显示或隐藏

demo地址：
http://skyming.13.bname.us/question/iframe/iframe_scrolling.htm

firefox当点击google时可以显示iframe滚动条，但ie（我用的是ie6）下发现iframe 滚动条没显示出来，请问哪里除了问题？

复制内容到剪贴板

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iframe scrolling</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    function iframe_scrolling(){
        $(".menu a").click(function(e){
            $("#iframe").attr({"src":this.href});
            e.preventDefault();
            if(/google/.test(this.href)){
                $("#iframe").attr("scrolling","yes");
            }else{
                $("#iframe").attr("scrolling","no");
            }
        });
    }
    $(function(){
         iframe_scrolling();
    });
</script>
</head>
<body>
    <div class="menu">
        <ul>
            <li><a href="http://baidu.com">百度</a></li>
            <li><a href="http://google.com">google</a></li>
        </ul>
    </div>
    <iframe id="iframe" src="http://baidu.com" scrolling="no"></iframe>
</body>
</html>

作者: linjuming 发布时间: 2010-05-12

ie是个BUG..
我是直接重载IFRAME对象的~~

作者: sBai 发布时间: 2010-05-12

ie7以上会不会出现滚动条？

怎么样直接重载iframe对象？

作者: linjuming 发布时间: 2010-05-12

IE都不行。无视属性变动~~
。。我直接把IFRAME对象删了再重新创建~~~不是办法的办法

作者: sBai 发布时间: 2010-05-12