在網頁中單獨滾動列

我正在嘗試製作一個類似於www.the5th.co的網站，它們有兩個獨立的列。兩列都可以滾動但獨立。我應該如何開發這樣的設計？我需要什麼語言？如果可能的話，我正試圖在WordPress中實現這個設計。在網頁中單獨滾動列

感謝您的幫助！

2016-10-08 Kim Chee

可以在WordPress –

首先，我認爲你應該獲得關於開發網頁的編程語言的基本信息，然後再問這個問題，但更準確。爲了檢查網站檢查他們的設計，有幾個調試和監視工具，如Firefox的FireBug。一個簡單的方法來做這個單獨的滾動是使用簡單的HTML和CSS。然而，有各種技術來實現這一點。其中之一是如下所示：

body { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 
#col_container { 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 
#col1 { 
 
    float: left; 
 
} 
 
#col2 { 
 
    overflow: hidden; 
 

 
} 
 
#col1, #col2 { 
 
    width: 50%; 
 
    height: 100%; 
 
    overflow: auto; \t 
 
} 
 
.col-content { 
 
    position: relative; 
 
    height: 2000px; 
 
} 
 
.col-content > div { 
 
    width: 60%; 
 
    margin: auto; 
 
    background-color: rgb(200,200,200); 
 
} 
 
.col-content p { 
 
    text-align: center; 
 
    margin: 0 auto; 
 
}

<body> 
 
    <div id="col_container"> 
 
    <div id="col1"> 
 
     <div class="col-content"> 
 
     <div> 
 
      <p>Hallo World!</p> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    <div id="col2"> 
 
     <div class="col-content"> 
 
     <div> 
 
      <p>Hallo World!</p> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</body>

來源

2016-10-08 11:23:17 Manuel

在網頁中單獨滾動列

回答

相關問題