是否可以仅使用HTML和Javascript创建长滚动页面（垂直）？_Javascript_Html

是否可以仅使用HTML和Javascript创建长滚动页面（垂直）？

javascript html

是否可以仅使用HTML和Javascript创建长滚动页面（垂直）？,javascript,html,Javascript,Html,所以我在一个只允许HTML和Javascript的主机站点中得到了这个域。我的想法是创建一个长滚动页面，但我发现创建它的唯一方法包括CSS。所以我希望它可以只用HTML和Javascript来完成。。。这会发生吗？很难想象一个不允许CSS的主机站点。但是，如果您想这样做，您可以在HTML中将所有CSS定义为内联样式，也可以通过Javascript应用CSS。使用常规javascript时，它看起来像这样 var blah= document.getElementById('whatever'

所以我在一个只允许HTML和Javascript的主机站点中得到了这个域。我的想法是创建一个长滚动页面，但我发现创建它的唯一方法包括CSS。所以我希望它可以只用HTML和Javascript来完成。。。这会发生吗？

很难想象一个不允许CSS的主机站点。
但是，如果您想这样做，您可以在HTML中将所有CSS定义为内联样式，也可以通过Javascript应用CSS。
使用常规javascript时，它看起来像这样

var blah= document.getElementById('whatever');
blah.style.background-color= "green";

<div style="background-color:blue;">This is a Blue Div</div>

使用Jquery，它看起来更像这样

$('#whatever').css("background-color", "green");

您可以对任何要添加的CSS属性执行此操作。尽管Gavin Foster所说的是正确的，HTML文档的整体高度将根据内容进行调整，因此只要有足够的内容填充页面，就不需要额外的CSS来使页面上下滚动。问题是，没有CSS，你不能给任何东西一个高度，因此，你可能会得到一个看起来相当拥挤的页面，并且可能很难生成足够的内容来填充你想要填充的空间。上述技术可以解决这个问题

或者，您可以用两种方法中的一种在HTML中定义CSS。你可以这样做

var blah= document.getElementById('whatever');
blah.style.background-color= "green";

<div style="background-color:blue;">This is a Blue Div</div>

这是一个蓝色的Div

您只需在该元素的实际HTML标记中添加所有CSS样式。这将导致HTML文档更加混乱，您将无法使用和重用类

或者，您可以将整个CSS文档放在HTML文档的头部。大概是这样的：

<!DOCTYPE html>
<html lang="en"
<head>
  <meta charset="UTF-8">
  <title>Document</title>

  <style type="text/css">
    body {
      background-color: #00D1AC;
    }
    .whatever-class{
      height: 500px;
      width: 500px;
      overflow: scroll;
    }
  </style>

</head>
<body>
... here, you put all the content of the body of the page
</body>
</html>


“长卷轴页面”是什么意思？如果这意味着一个页面将显示滚动条，只需在HTML中添加一堆
段落……是的，现在还有其他问题吗？它是One.com，起初使用起来简单有趣，但要创建更复杂的东西是不可能的，所以当我尝试编码时，我发现CSS是不允许的，所以这很痛苦。非常感谢你。我会试着用那种方法。