首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >webqq中自适应宽度的JS代码和隐藏页面横向滚动条的css样式

webqq中自适应宽度的JS代码和隐藏页面横向滚动条的css样式

作者头像
零式的天空
发布于 2022-03-16 10:06:47
发布于 2022-03-16 10:06:47
5.8K0
举报
文章被收录于专栏:零域Blog零域Blog

webqq 中 自适应宽度的JS代码

代码语言:javascript
复制
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script><script src="http://web.qstatic.com/jsapi/alloy.api.js"></script><script type="text/javascript">
    try {
        alloy.onReady(function(){
            if($(window).width()<1026){
                alloy.window.setBodySize({width: 1026,height: $(window).height()})
            };
        });
    }catch(e){ }

    $(window).resize(function(){
        var w = $(window).width();
        var h = $(window).height();
        $("#iyaya_iframe").css({
            width: w>1026?w-16:1016,
            height: h,
        });
    });
</script>

隐藏横向滚动条的方法:

代码语言:javascript
复制
<span style="color: #ff0000;">给 html 设置 overflow-x: hidden</span>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2011-05-12,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档