Question

我们正在iOS上开发应用程序，

在我们的html页面中，有＆＃34;电子邮件结果＆＃34;按钮。当我点击按钮时，屏幕会立即向上滚动。

HTML：

<div class="result-button-wrapper"> 
    <a target="_blank" href="" class="button button-email"><span class="icon"></span>Email Results</a> 
</div>

CSS：

.button {
display:inline-block;
padding:12px;
position:relative;
margin:12px;

cursor:pointer;

color:#fff !important;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-shadow:0px 1px 2px #222222;
text-align:center;}

.button.button-email {
    display:block;
    width:130px;
    padding-left:28px;
    margin:10px auto 10px auto;}

如果我删除了＆＃34;按钮＆＃34;来自班级，如：

<a target="_blank" href="" class="button-email"><span class="icon"></span>Email Results</a>

，按钮有效，我可以点击它

我的CSS中的问题在哪里。

Answer 1

我注意到班级.button没有结束括号。你可能想解决这个问题。
在href值中显示＃的存在。那是href =＆＃34;＃＆＃34;。不要删除＆＃34;按钮＆＃34;来自课堂时这样做。

EDITED

使用JavaScript，将javascript:void(0)应用为href值。

示例

<div class="result-button-wrapper"> <a target="_blank" href="javascript:void(0)" class="button button-email"> <span class="icon"></span>Email Results </a> </div>

或者，您可以使用jQuery

$('a.button-email').click(function (event) { event.preventDefault(); });

使用空href防止滚动

1 个答案: