Question

我有一些快速链接，由于某种原因，它会错过点击链接时不会转到部分。

<div class="quick-links">    
    <ul id="quick-links">
        <li class="section1 active"><a href="#section1"><span>section1</span></a></li>
        <li class="section2"><a href="#section2"><span>section2</span></a></li>
        <li class="section3"><a href="#section3"><span>section3</span></a></li>     
    </ul>      
</div>

http://codepen.io/codiman/pen/YNOoPM

我想点击指定部分的圈子

Answer 1

您将属性指针事件设置为＆＃34;无＆＃34;，因此标记不会捕获点击事件。

Answer 2

您已停用<a>代码设置pointer-events: none。如果您认为文本也可点击，则可以使用简单的解决方案（删除pointer-events: none并将圆圈置于可点击区域内）：

http://codepen.io/themeler/pen/ggBOKr

.quick-links ul li a {
    display: block;
    position: absolute;
    left: auto;
    right: 0;
        padding-right: 65px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    opacity: 0;
}

Answer 3

点击事件被li而非标签拦截。

我已对代码进行了一些更改，希望您能重新编写代码。

<a href="#section1"><ul>
    <li class=""><span>section1</span></li>
    </ul></a>

演示：https://jsfiddle.net/r0rq6x3y/

点击

3 个答案: