zoukankan      html  css  js  c++  java
  • 不显示横向滚动条

    因为只是隐藏横向滚动条,所以不能使用scrolling="no"的办法,因为这样会连纵向也隐藏了
    框架包含代码
    <iframe src="dayanmei.php"; width="710" height="100%" scrolling="auto" align="right" frameborder="0" id="mainframe" name="mainframe" style="overflow:auto"></iframe>
    还是再说一下问题的严重性:
    在IE7,FIREFOX,OPERA,SAFARI下均是正常的,在IE6下面如果没有出现纵向滚动条的时侯,也不会出现横向滚动条,但是当有纵向滚动条的时侯,横向滚动条出现了
    经测试,下面的代码对隐藏横向滚动条是无效的
    <body  style="overflow-x:hidden">
    <body style="overflow:hidden">
    <body style=style="overflow-x:hidden;overflow-y:scroll">
    经测试,下面的代码不符合我的要求的(不能把纵向也隐藏了)
    1. 设置iframe scrolling="no" 横向纵向滚动条都隐藏了
    2. 被包含页body应用overflow:hidden 无效
    3. 被包含页的body标签加scroll="no" 同1
    最终是通过设置body的宽度解决的隐藏横向滚动条,但不隐藏纵向滚动条的
    <body style=" margin:0; padding:0; 670px;">

    * 今天刚找到一方法,可以完全解决隐藏横向滚动条问题,直接在页面中添加以下CSS代码就OK了:

    条件是
    <!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">

    html{overflow-x:hidden; overflow-y:auto;}

  • 相关阅读:
    [Algorithms] Counting Sort
    [LeetCode] Sort Colors
    [LeetCode] Contains Duplicate III
    [LeetCode] Contains Duplicate
    [LeetCode] Two Sum II
    [LeetCode] Linked List Cycle II
    [LeetCode] Linked List Cycle
    [LeetCode] Longest Palindromic Substring
    [LeetCode] Two Sum
    [LeetCode] Rectangle Area
  • 原文地址:https://www.cnblogs.com/amylis_chen/p/2084555.html
Copyright © 2011-2022 走看看