Question

我试图创建一个类似于www.the5th.co的网站，其中有两个独立的列。两列都可滚动但独立。我应该如何开发这样的设计？我需要什么语言？我试图在WordPress中实现这个设计，如果可能的话。

感谢您的帮助！

Answer 1

首先，我认为您应该获得有关用于开发网页的编程语言的基本信息，然后再次提出问题，但更准确。为了检查网站以检查他们的设计，有几个调试和监控工具，如Firefox FireBug。执行此单独滚动的一种简单方法是使用简单的HTML和CSS。但是，有各种技术可以实现这一点。其中一个显示在这里：

＆＃13;

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;	
}
.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;
}

＆＃13;

<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>

＆＃13;

在网页

1 个答案: