그래서 나는 HTML과 Javascript만을 허용하는 호스트 사이트에서이 도메인을 얻었다. 아이디어는 긴 스크롤 페이지를 만드는 것이지만 그것을 만드는 방법을 찾는 유일한 방법은 CSS를 포함합니다. 그래서 나는 그것이 HTML과 Javascript만을 사용하여 이루어질 수 있기를 바랬습니다 ... 일어날 수 있습니까?HTML과 Javascript 만 사용하여 Long Scroll Page (세로)를 만들 수 있습니까?
CSS를 허용하지 않는 호스트 사이트를 상상해보십시오.
하지만 이것이 원하는 방식이라면 HTML 내부에 모든 CSS를 인라인 스타일로 정의하거나 Javascript를 통해 CSS를 적용 할 수 있습니다. 일반 자바 스크립트와
, 그것은 더 당신은 추가하려는 CSS 속성에 대해이 작업을 수행 할 수있는이
$('#whatever').css("background-color", "green");
과 같을 것이다, jQuery로이
var blah= document.getElementById('whatever');
blah.style.background-color= "green";
처럼 보일 것입니다. 개빈 포스터 (Gavin Foster)의 말처럼 사실상 HTML 문서의 전체 높이가 콘텐츠에 맞게 조정되므로 페이지를 채우기에 충분한 콘텐츠가있는 한 페이지를 위아래로 스크롤하는 데 필요한 추가 CSS는 없습니다. 문제는 CSS가 없으면 어떤 것도 높이 지정할 수 없으므로 다소 복잡한 페이지로 끝날 수 있으며 작성하려는 공간을 채우기에 충분한 콘텐츠를 생성하기 어려울 수 있습니다. 위에서 설명한 기술로이 문제를 해결할 수 있습니다.
HTML 내에서 CSS를 정의 할 수있는 방법은 2 가지입니다. 다음과 같이 할 수 있습니다.
<div style="background-color:blue;">This is a Blue Div</div>
해당 요소의 실제 HTML 태그에 모든 CSS 스타일을 추가하기 만하면됩니다. 이렇게하면 혼란이 더 많은 HTML 문서가 만들어지고 클래스를 사용하고 다시 사용할 수 없게됩니다.
또는 기본적으로 HTML 문서의 머리 부분에 전체 CSS 문서를 넣을 수 있습니다. 이런 식으로 뭔가 : 당신은 일반적으로 별도의 CSS 문서 내부에 둘 것 모든 것을 대신 HTML 헤드에 <style> 태그 내부에 넣어지게된다
<!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를 사용하여 클래스를 사용할 수 있습니다. 이 상황이 가장 쉽고/게으른 수정 일 수 있습니다.
One.com은 처음에는 사용하기 쉽고 재미 있었지만 더 복잡한 것을 만드는 것은 불가능했기 때문에 코딩을 시도했을 때 CSS가 허용되지 않는다는 것을 알았습니다. 그래서 그것은 고통입니다. 대단히 감사합니다. 나는 그 방법을 시도하고 사용할 것이다. –
"긴 스크롤 페이지"는 무엇을 의미합니까? 스크롤바를 표시하는 페이지를 의미하는 경우 HTML에
단락을 추가하십시오. –예, 다른 질문이 있습니까? – Ryan