mayubiking 2016-12-08 05:14 采纳率: 0%
浏览 5774

iframe不显示滚动条,里面的内容如何滚动

一个页面中使用iframe加载另一个页面,让这个iframe不显示滚动条,另一个页面的内容还能滚动吗?如果能,如何实现,求大神帮忙,谢谢!!!

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-12-08 05:54
    关注

    不跨域情况下给iframe加载的document添加mousewheel事件,自己设置document.body/document.documentElement的scrollTop进行滚动

    跨域没搞。。只能设置scrolling="auto"或者yes

     <iframe scrolling="no" style="width:100%;height:300px;border:solid 1px #000" src="x.html" onload="bindMouseWhee(this)"></iframe>
    <script>
        var  firefox = navigator.userAgent.indexOf('Firefox') != -1;
        function MouseWheel(e,doc) {
            e.preventDefault && e.preventDefault(), e.returnValue = false;
            var up = firefox && e.detail < 0 || e.wheelDelta > 0;
    
            doc.body.scrollTop = doc.documentElement.scrollTop += up ? -50 : 50;//每次滚动50px
        }
        function bindMouseWhee(ifr) {
            try {
                var  doc = ifr.contentWindow.document;
                firefox ? doc.addEventListener('DOMMouseScroll', function (e) { MouseWheel(e,doc)}, false) : (doc.onmousewheel = function (e) {MouseWheel(e||ifr.contentWindow.event,doc) });
            }
            catch (e) { alert('跨域无法获取iframe加载document'+e)}
        }
    </script>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥20 Python安装cvxpy库出问题
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题