小编Luk*_*aba的帖子

为什么我的主页下面有空白区域？

我创建了一个网站,使用按钮移动到下一页,一切正常.除了在所有内容下有很多空白的主页外.我试图隐藏溢出但阻止你必须单击的按钮转到下一页.我希望第一页的高度等于用户屏幕高度,如果某些内容不适合,则允许它们向下滚动.

这是codepen:https://codepen.io/Lukie/pen/eWobYa

// If user clicks on .downBtn
function scrollDown() {
  $(".home").removeClass("slideInLeft");
  $(".home").addClass("slideOutUp");
  
  $(".content").css("visibility", "visible");
  $(".content").removeClass("slideOutDown");
  $(".content").addClass("slideInUp");
}

// If user clicks on .upBtn
function scrollUp() {
  $(".home").removeClass("slideOutUp");
  $(".home").addClass("slideInDown");
  $(".home").css("visibility", "visible");
  
  $(".content").removeClass("slideInUp");
  $(".content").addClass("slideOutDown");
}

Run Code Online (Sandbox Code Playgroud)

body {
  background-color: white;
  overflow-x: hidden;
  transition: all .6s ease-in-out;
}

.home {
  top: 0;
  visibility: visible;
}

.content {
  position: absolute;
  top: 0;
  visibility: hidden;
}

.logo {
  margin: 4% 0 14% 0;
}

.downBtn {
  position: relative;
  color: orange;
  transition: all .3s …

Run Code Online (Sandbox Code Playgroud)

html css jquery animate.css bootstrap-4

Luk*_*aba

lucky-day

5
推荐指数

1
解决办法

55
查看次数