Question

我试图找出为什么移动版Safari会选择忽略＆＃34; javascript：void（0）;＆＃34;在我的锚标签和任何工作中。我已经尝试过把＃34;＃＆＃34;在href和完全离开href无济于事。

我的预期行为适用于以下文字＆＃34;点击我＆＃34;出现/消失，没有其他行为。在我的桌面上，Chrome，Firefox，Safari和IE中的一切正常，但在移动游猎中，iframe滚动到顶部。我的代码如下所示：

<html>
    <head>
    <title>iOS Click Test</title>
    <style type="text/css"></style>
    </head>
<body>
        <div style="overflow: auto; -webkit-overflow-scrolling:touch; height: 200px;" scrolling="no">
    <iframe style="width: 100%; height:100%;">
                <html>
                    <head>
            <title>iOS Click Test</title>
            <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
            <script type='text/javascript'>
            $(function ()
            {
                     $('#testClick').click(function() {
                    $('#showText').toggleClass('hidden');
                     });
            });
            </script>
         <style>
        .padding
        {
            height: 2000px;
        }

        .hidden
        {
            display: none;
        }
        </style>
            <style type='text/css"></style>
                </head>
            <body>
            <div class='padding'>Top of page</div>
            <div>
            <a href="javascript:void(0);" id='testClick'>Click Me</a>
            <p id='showText' class=''>Made visible</p>          
            </div>
            <div class='padding'></div>
                </body>
            </html>
        </iframe>
</div>  
</body>

如何在移动版Safari中单击iframe中的空锚标签后阻止iframe滚动到顶部

0 个答案: