固定定位下拉框点击自动回到页面问题解决

点击下拉框时页面自动回到顶部。    

<dl id="sample" class="dropdown nav-text-select">
                                    <dt><a href="#"><span>简体中文</span></a></dt>
                                    <dd>
                                        <ul>
                                            <li>
                                                <a href="en/en_index.html">English</a>
                                            </li>
                                            <li>
                                                <a href="ko/index.html">한국어</a>
                                            </li>
                                            <li>
                                                <a href="ja/index.html">日本語</a>
                                            </li>

                                        </ul>
                                    </dd>
                                </dl>

将href="#"改成href="javascript:;"后点击便会停留在当前位置

 <dl id="sample" class="dropdown nav-text-select">
                                    <dt><a href="javascript:;"><span>简体中文</span></a></dt>
                                    <dd>
                                        <ul>
                                            <li>
                                                <a href="en/en_index.html">English</a>
                                            </li>
                                            <li>
                                                <a href="ko/index.html">한국어</a>
                                            </li>
                                            <li>
                                                <a href="ja/index.html">日本語</a>
                                            </li>

                                        </ul>
                                    </dd>
                                </dl>

建议:在写a标签时将将所有href="#"改成href="javascript:;",这样就不会出现点击某个超链接元素自动回到顶部的问题。

猜你喜欢

转载自blog.csdn.net/leng0920/article/details/81986072
今日推荐