2016-10-08 4 views
0

私はwww.the5th.coのようなウェブサイトを2つの独立した列にするようにしようとしています。両方の列はスクロール可能ですが、独立しています。このようなデザインを開発するにはどうすればいいですか?私はどんな言語が必要でしょうか?私はそれが可能ならば、WordPressでこのデザインを達成しようとしています。ウェブページのスクロール列を分離

ありがとうございました!

+0

可能 –

答えて

0

まずは、Webページを開発するためのプログラミング言語に関する基本的な情報を得て、それからこの質問をもう一度正確に行うべきだと思います。ウェブサイトを調べてデザインを確認するには、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>