JQueryに問題があります。 私は、(div)header
の高さを、そのクラスが "content"であるdiv
のmargin-top
としたいと思います。そうでないと、divがヘッダーの下に表示されるからです。 HTML CSSのJQueryに問題がある
<head>
/*whatever it's inside*/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<script>
$(document).ready(function(){
var 1 = $(".header").height() + "px");
$(".content").css ('margin-top', 1);
});
</script>
<body>
<div class="header">
<div class="container">
<div class="logo">
<h1><a href="#">Web</a></h1>
</div>
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="content">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
</p>
</div>
</div>
</body>
</html>
パート
body {
width: 100%;
margin: auto;
}
.container {
width: 70%;
margin: 0 auto;
}
.header {
background: #6396bc;
width: 100%;
top: 0;
position: fixed;
}
.content {
margin-top: 200px;
}
私はちょうど便利です何を入れたの
パート:
ここでは、コードを持っています。あなたはののJSを持っています。 ありがとうございます。
'VAR 1 ='数は、変数[JSの変数名]にはできません。このコードを試してみてくださいHTTP ://stackoverflow.com/questions/1661197/what-characters-are-valid-for-javascript-変数名)。 '$("。header ")。height()+" px ")'最後の ')'は構文エラーです。 – GillesC
単純に '$("。content ")を試してください。css( 'margin-top'、$(" header ")。height());' – GillesC
javascript var 1が正しくない可能性があります。詳細については、http://stackoverflow.com/questions/342152/why-cant-variable-names-start-with-numbersを参照してください。ただし、基本的に数字で始まるバリエーションはありません。 – Roy