Question

我有问题。我有一个div。点击我不会移动该div。但是我希望div始终位于中心，例如，当我将DIV移动10px时，溢出随div移动（10px）。请帮助：）

Answer 1

$(document).ready(function() {
  $("#welcome").hide();
  $("#welcome").fadeIn(1000, function() {
    $("#welcome").delay(1000).fadeOut(1000);
  });
});

body{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#welcome {
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  width: 100%;
  text-align: center;
  padding-top: 47vh;
}
#monopol{
  -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg);
}
#welcome h1 {
  margin: 0;
}
#radnja {
   height: 19vh;
   width: 19%;
   border: 1px solid black;
}

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" rel="stylesheet" href="style.css">
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
  <div id="welcome">
    <h1>Welcome to Monopoly</h1>
  </div>
  <center>
  <div id="monopol">
    <div id="radnja">
    </div>
    <div id="radnja">
    </div>
    <div id="radnja">
    </div>
    <div id="radnja">
    </div>
    <div id="radnja">
    </div>
    <div id="radnja">
    </div>
    <div id="radnja">
    </div>
  </div>
</center>
</body>
</html>

如何在div移动时移动滚动

1 个答案: