Question

我试图编写一个简单的页面跳转代码。此页面上的红色按钮应该将页面跳到下一部分。它似乎无处不在，但在Safari浏览器上，在移动设备上。桌面上的Safari很好。我尝试了一个简单的锚标记，并使用java脚本来设置链接，但没有一个正在工作。我甚至尝试过链接到外部页面，看看它是否只是ID的链接，外部链接也不起作用。在这一点上，我完全失去了。下面是CSS，Javascript和HTML。我在Wordpress中使用Visual Composer来创建网站，但它几乎都是＆＃34; Raw HTML＆＃34;元件。

这是页面：http://thirteenthfloor.com/presale/13thfloordenver/

..帮助

＆＃13;

<span 
  class="pseudolink" 
  onclick="location='http://thirteenthfloor.com/presale/13thfloordenver/#sales'">
<div class="buybutton">BUY TICKETS NOW</div>
</span>

<!--OR-->

<a href="#sales"><div class="buybutton">BUY TICKETS NOW</div></a>

＆＃13;

.buybutton {
    border-radius: 10px;
    background: linear-gradient(#be0000, #970000);
    width: 275px;
    padding: 18px;
    color: #fff;
    text-align: center;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 25px auto 0px auto;
    box-shadow: 0px 5px 10px #000;
}
.buybutton a{
    color: #fff;
}
.buybutton:hover {
    background: linear-gradient(#df0000, #cc0000);
    cursor: pointer;
    /**box-shadow: 0px 5px 10px #000000;**/
}

＆＃13;

Answer 1

不幸的是，这只是iPhone软件，Safari和Visual Composer不希望一起工作的情况。如果发生这种情况，请提供最佳建议：不要使用Visual Composer。 “显着”是Wordpress的更好选择。

链接不适用于Mobile Safari

1 个答案: