0

これは私の Navbar ボタンの HTML です

<button class="navbar-toggle" data-toggle = "collapse" data-target=".navHeaderCollapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse navHeaderCollapse">

            <ul class="nav navbar-nav navbar-right">
                <li><a href="#Home" class="smoothScroll">Home</a></li>
                <li><a href="#About" class="smoothScroll">About</a></li>
                <li><a href="#Portfolio" class="smoothScroll">Portfolio</a </li>
                <li><a href="#Contact" class="smoothScroll">Contact</a></li>

            </div>

したがって、ポートフォリオ ボタンをクリックすると、ポートフォリオ セクションにジャンプする必要があります。

                <a name="Portfolio">
            <!-- <section id="Portfolio"> -->
            <div id="whitecontainer1">
                <h1> Portfolio </h1>
                hello
                <br>
                <br>
                <br>
                <br>
                <br>

            </div>
            </a>

しかし、代わりにこのセクションにジャンプ/スクロールします

<section id="About">
            <div id="redcontainer1">
                <div id="aboutinfo">
                    <h2><strong>Ashpan Raskar</strong></h2>
                    <div id="aboutme">
                        I am an intuitive <strong> software developer</strong>, and newly a
<strong> web developer</strong>. I began by learning Java at the age of 10 from an online
YouTube series: "Java (Beginner) Programming Tutorials." Soon after I started becoming
interested in <strong>Websites 
and Web Design</strong>, so I learned how to create websites with XHTML, but it was not at 
all responsive and was bare to the bone.
                        <br>
                        <br>
                        From then a learned quite a few more languages such as Jquery,
PHP, Javascript, C#, Ajax, etc, and I plan to learn Android Development as my next stage.

                        <br>
                        <br>

                        <a target="_blank"class="btn btn-default" href="Ashpan_Raskar.pdf" role="button">Check out my Resume!</a>
                    </div>

私のコードはGitHubにあります。ここで見ることができますhttps://github.com/Ashpanr/Personal-Website-v1/ よろしくお願いします

4

1 に答える 1

2

80 - 81次の行にエラーがありますindex.html:

<a name="Portfolio">
<!-- <section id="Portfolio"> -->

次のように変更します。

<section id="Portfolio">

そして、それはうまく機能します。その背後にある理由は、<a>あなたが与えたものであり、終了タグがないためです。</section>アット行はあります93が、開始タグはありません。さらに、deprecated<element id="section-name">を指定するよりも使用する方が適切です。主な理由は、要素内に要素を含めることができないことです。つまり、タグ内に他のブロック レベルのタグを含めることはできません。 <a name="section-name">blockinline <a><div><a>

でも本当の理由は…

次の CSS があります。

#introbg {position: absolute;}

そして、これはブラウザにどこで終了するかを伝えません。理由なく使用してはいけませんposition: absolute。そのため、<a name="Portfolio">後に来る は の前の位置を取得し#introます。

コードの を削除するposition: absoluteと、正しく機能します。

于 2015-10-13T00:08:47.910 に答える