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

问题描述：

因此，我在仅允许HTML和Javascript的主机网站中获得此域名。这个想法是创建一个长滚动页面，但我发现如何创建它的唯一方式包括CSS。所以我很希望只用HTML和Javascript就可以完成它...可以发生吗？是否可以使用HTML和Javascript创建长滚动页面（垂直）？

“长卷页”是什么意思？如果这意味着一个页面将显示滚动条，只需在HTML中添加一堆'

'段落... –

是的，现在还有其他问题吗？ – Ryan

答

很难想象一个不允许CSS的主机网站。
但是，如果这是您想要的方式，您可以在HTML中将所有CSS定义为内联样式，或者，您可以通过Javascript应用CSS。
用常规的JavaScript，它会是这个样子

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

与jQuery，它会看起来更像这个

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

您可以为您要添加任何CSS属性做到这一点。虽然Gavin Foster所说的是真实的，但HTML文档的整体高度将根据内容进行调整，所以只要内容足以填充页面，就不需要额外的CSS来使页面上下滚动。问题是，如果没有CSS，你无法给出任何高度，因此，最终可能会看到拥挤的页面，并且可能很难生成足够的内容来填充要填充的空间。上述技术可以解决这个问题。

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

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

如果你只是简单的将所有的CSS样式该元素的实际HTML标记。这将使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>

您通常会放一个单独的CSS文件内一切都将不是在你的HTML头把<style>标签内。这样，您可以像使用CSS一样使用类。这可能是您的情况最简单/最懒的修复程序。

它是One.com，起初它使用起来很简单而有趣，但是为了创建更复杂的东西是不可能的，所以当我尝试编码时，我发现CSS不被允许，所以这是一个痛苦。非常感谢。我会尝试使用该方法。 –

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

相关推荐