网站导航栏是固定的。当我使用A标签定位时,部分内容被导航栏阻止。

时间:2018-10-22 09:26:55

标签: javascript css

网站导航栏是固定的。当我使用A标签定位时,部分内容被导航栏阻止。我怎么解决这个问题? 我想使用CSS代码或JS代码来完全显示定位的内容,而不是被固定的导航阻止!

    <ul class="cd-faq-categories">
        <li><a class="selected" href="#basics">Basics</a></li>
        <li><a href="#mobile">Mobile</a></li>
        <li><a href="#account">Account</a></li>
        <li><a href="#payments">Payments</a></li>
        <li><a href="#privacy">Privacy</a></li>
        <li><a href="#delivery">Delivery</a></li>
    </ul> <!-- cd-faq-categories -->


<ul id="basics" class="cd-faq-group">
            <li class="cd-faq-title"><h2>Basics</h2></li>



            <li>
                <a class="cd-faq-trigger anchor" href="#0" >How do reviews work?</a>
                <div class="cd-faq-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis provident officiis, reprehenderit numquam. Praesentium veritatis eos tenetur magni debitis inventore fugit, magnam, reiciendis, saepe obcaecati ex vero quaerat distinctio velit.</p>
                </div> <!-- cd-faq-content -->
            </li>
        </ul> <!-- cd-faq-group -->

        <ul id="mobile" class="cd-faq-group">
            <li class="cd-faq-title"><h2>Mobile</h2></li>


            <li>
                <a class="cd-faq-trigger anchor" href="#0" >How do I link to a file or folder?</a>
                <div class="cd-faq-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis provident officiis, reprehenderit numquam. Praesentium veritatis eos tenetur magni debitis inventore fugit, magnam, reiciendis, saepe obcaecati ex vero quaerat distinctio velit.</p>
                </div> <!-- cd-faq-content -->
            </li>
        </ul> <!-- cd-faq-group -->

        <ul id="account" class="cd-faq-group" >
            <li class="cd-faq-title"><h2>Account</h2></li>



            <li>
                <a class="cd-faq-trigger anchor" href="#0" >I forgot my password. How do I reset it?</a>
                <div class="cd-faq-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum at aspernatur iure facere ab a corporis mollitia molestiae quod omnis minima, est labore quidem nobis accusantium ad totam sunt doloremque laudantium impedit similique iste quasi cum! Libero fugit at praesentium vero. Maiores non consequuntur rerum, nemo a qui repellat quibusdam architecto voluptatem? Sequi, possimus, cupiditate autem soluta ipsa rerum officiis cum libero delectus explicabo facilis, odit ullam aperiam reprehenderit! Vero ad non harum veritatis tempore beatae possimus, ex odio quo.</p>
                </div> <!-- cd-faq-content -->
            </li>
        </ul> <!-- cd-faq-group -->

        <ul id="payments" class="cd-faq-group">
            <li class="cd-faq-title"><h2>Payments</h2></li>

            <li>
                <a class="cd-faq-trigger anchor" href="#0" >Why does my bank statement show multiple charges for one upgrade?</a>
                <div class="cd-faq-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis provident officiis, reprehenderit numquam. Praesentium veritatis eos tenetur magni debitis inventore fugit, magnam, reiciendis, saepe obcaecati ex vero quaerat distinctio velit.</p>
                </div> <!-- cd-faq-content -->
            </li>
        </ul> <!-- cd-faq-group -->

        <ul id="privacy" class="cd-faq-group">
            <li class="cd-faq-title"><h2>Privacy</h2></li>


            <li>
                <a class="cd-faq-trigger anchor" href="#0" >How can I control if other search engines can link to my profile?</a>
                <div class="cd-faq-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis provident officiis, reprehenderit numquam. Praesentium veritatis eos tenetur magni debitis inventore fugit, magnam, reiciendis, saepe obcaecati ex vero quaerat distinctio velit.</p>
                </div> <!-- cd-faq-content -->
            </li>
        </ul> <!-- cd-faq-group -->

        <ul id="delivery" class="cd-faq-group">
            <li class="cd-faq-title"><h2>Delivery</h2></li>




            <li>
                <a class="cd-faq-trigger anchor" href="#0">When will my order ship?</a>
                <div class="cd-faq-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis provident officiis, reprehenderit numquam. Praesentium veritatis eos tenetur magni debitis inventore fugit, magnam, reiciendis, saepe obcaecati ex vero quaerat distinctio velit.</p>
                </div> <!-- cd-faq-content -->
            </li>
        </ul> <!-- cd-faq-group -->

enter image description here

0 个答案:

没有答案