2015-11-26 145 views
-1

我有一個HTML頁面和很多PHP內容(菜單,產品包裝盒等)。我的問題是整個內容不滾動。屏幕就像凍結了一樣。HTML中的動態內容不滾動

我:

html { 
    overflow-y: scroll; 
} 

而且我在我的代碼沒有隱藏的溢出。另外,我沒有固定的定位。 開始時,滾動條甚至沒有出現。然後我想製作技巧並添加

body { 
    overflow-y: scroll; 
    height:1000px; 
} 

並且滾動條出現了。滾動時它正在移動,但頁面仍然不滾動。

你有什麼建議我可以修復它嗎?謝謝!

.sm-userdata td{ 
 
\t padding: 10px 20px 10px 0px; 
 
} 
 

 
.thumbnail:hover { 
 
\t border-color: #0088cc; 
 
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 
 
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 
 
      box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 
 
} 
 

 
#image{ 
 
\t 
 
    padding: 4px; 
 
    
 
    border: 1px solid #ddd; 
 
    -webkit-border-radius: 4px; 
 
    -moz-border-radius: 4px; 
 
      border-radius: 4px; 
 
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); 
 
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); 
 
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); 
 
    
 
} 
 
html { 
 
    overflow-y: scroll; 
 
} 
 
body { 
 
    overflow-y: scroll; 
 
} 
 
#content { 
 
    height: 1000px; 
 
    overflow-y: scroll; 
 
}
<?php 
 
session_start(); 
 
include 'config.php'; 
 
?> 
 
<!DOCTYPE html> 
 
<html style="overflow-y: scroll"> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 

 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
 

 
     <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" /> 
 
     <link rel="stylesheet" href="./css/theme.css" type="text/css" /> 
 
     <link rel="stylesheet" type="text/css" media="screen" href="<?php echo($thestyle);?>.css" > 
 
     
 
     <!--zmiana kolorow--> 
 
     <!--link href="main.css" rel="stylesheet" type="text/css" /> 
 
     <link id="currentCSS" href="defaultColors.css" rel="stylesheet" type="text/css" /!--> 
 

 
     <script src="./js/jquery.js" type="text/javascript"></script> 
 
     <script src="./js/bootstrap.min.js" type="text/javascript"></script> 
 
     <script src="./js/jquery-ui.js" type="text/javascript"></script> 
 

 
     <!--[if lt IE 9]> 
 
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
 
      <script type="text/javascript"> 
 
      (function(){ 
 
      var html5elements = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|'); 
 
      for(var i = 0; i < html5elements.length; i++){ 
 
       document.createElement(html5elements[i]); 
 
      } 
 
    
 
      })(); 
 
      </script> 
 
     <![endif]--> 
 

 
     <title>Sklep</title> 
 

 
    </head> 
 
      <body> 
 

 
     <div id="content"> 
 
     
 
     <?php 
 
     require './application/classes/Database.php'; 
 
     $database = new Database($db_server, $db_user, $db_password, $database_name); 
 

 
     include './application/partials/topmenu.php'; 
 

 
     if (!isset($_GET['user'])) { 
 

 
      if (!isset($_GET['action']) || ($_GET['action'] != 'register' && $_GET['action'] != 'remindpassword' && $_GET['action'] != 'contact' && $_GET['action'] != 'cart' && $_GET['action'] != 'order')) { 
 
       ?> 
 
       <div class="container"> 
 

 

 
        <div class="row"> 
 
         <div class="col-md-3"> 
 
          <form action="./index.php" method="get"> 
 
           <input type="hidden" name="action" value="searchresult"/> 
 
           <div class="input-group" style="margin-bottom: 20px;"> 
 
            <input type="text" name="search" id="search_query" class="form-control"> 
 
            <div class="input-group-btn"> 
 
            <button class="btn" type="submit">Szukaj</button> 
 
            </div> 
 
           </div> 
 
          </form> 
 
     <?php 
 
     include './application/partials/menu.php'; 
 
     ?> 
 
         </div> 
 
         <div class="col-md-9"> 
 

 
     <?php 
 
    } 
 

 
    if (!isset($_GET['action'])) { 
 
     include './application/scripts/home.php'; 
 
    } elseif ($_GET['action'] == 'register') { 
 
     include './application/scripts/register.php'; 
 
    } elseif ($_GET['action'] == 'contact') { 
 
     include './application/scripts/contact.php'; 
 
    } elseif ($_GET['action'] == 'remindpassword') { 
 
     include './application/scripts/remindpassword.php'; 
 
    } elseif ($_GET['action'] == 'showcategory') { 
 
     include './application/scripts/showcategory.php'; 
 
    } elseif ($_GET['action'] == 'searchresult') { 
 
     include './application/scripts/searchresult.php'; 
 
    } elseif ($_GET['action'] == 'showproduct') { 
 
     include './application/scripts/showproduct.php'; 
 
    } elseif ($_GET['action'] == 'cart') { 
 
     include './application/scripts/cart.php'; 
 
    } elseif ($_GET['action'] == 'order') { 
 
     include './application/scripts/order.php'; 
 
    } 
 

 
    if (!isset($_GET['action']) || ($_GET['action'] != 'register' && $_GET['action'] != 'remindpassword' && $_GET['action'] != 'contact' && $_GET['action'] != 'cart' && $_GET['action'] != 'order')) { 
 
     ?> 
 
         </div>     
 
        </div> 
 

 
       </div> 
 
     <?php 
 
    } 
 
} else { 
 

 
    require './application/partials/auth.php'; 
 

 
    if ($_GET['action'] == 'editaccount') { 
 
     include './application/scripts/editaccount.php'; 
 
    } elseif ($_GET['action'] == 'account') { 
 
     include './application/scripts/account.php'; 
 
    } elseif ($_GET['action'] == 'orderdetails') { 
 
     include './application/scripts/orderdetails.php'; 
 
    } 
 
} 
 
?> 
 

 

 
<!--select> 
 
    <option value="style1" href="index.php?set=style1">pierwszy</option> 
 
    <option value="style2" href="index.php?set=style2">drugi</option> 
 
</select!--> 
 
       
 

 
      </div> 
 
       
 
    </body> 
 
</html>

這是唯一的index.php和theme.css文件。

+0

是它的在線?需要看到的東西幫助 –

+0

對不起,我不能上傳整個代碼;/ – sourire09

+0

發佈鏈接到一個網站。否則無法回答 –

回答