JSfiddle はそれを説明する必要があります: http://jsfiddle.net/UMW26/
また
タイトルが示すように、リンクをクリックした後、またはそれにジャンプするURLアドレスを介してアクセスした後、固定ナビゲーションバーがテキスト/タイトルをカバーしないようにするにはどうすればよいですか.
ここに私が使用したサンプルコードがあります:
<!DOCTYPE html>
<style type="text/css">
body { margin: 0; }
#content { height: 1500px;margin-top: 20px;background-color:skyblue; }
#fix-nav-bar { position: fixed; width:100%; top:0; text-align:center; background-color: pink; }
#content-title { margin-top: 250px;font-weight:bold;font-size:16pt; }
</style>
<div id="fix-nav-bar">
fixed navigation bar
</div>
<div id="content">
<a href="#content-title">Click here to jump to Title:</a>
<div id="content-title">Sample Content Title/Name</div>
How do I prevent fixed navigation bar from covering title after clicking "<b>Click here to jump to Title</b>" but just keep it slightly above it?
</div>