Question

所以，我从Roker购买了themeforest.net主题并创建了我的网站。它运行良好，看起来很棒但是当我尝试在Windows触摸设备 - Surface Pro（IE和Firefox）或Windows Phone上打开我的网站时，我无法用手指滚动，即触摸不起作用。

当我查看HTML代码时，呈现页面的标签正在添加此样式

-ms-overflow-x: hidden; -ms-overflow-y: hidden; -ms-touch-action: auto !important;

溢出设置为内联样式。

这似乎是在我加入Google JSAPI时自动设置的，因为当我评论<script type="text/javascript" src="http://www.google.com/jsapi"></script>时，一切正常。

有关如何克服这个问题的任何建议？如果你想看看自己发生了什么，我可以分享我网站的链接。

Answer 1

理想情况下，您需要跟踪js文件并找出添加这些内联样式的原因。

我觉得这可能与'无法接触'课程有关。您可能想要使用类似以下JS的内容：

$(document).ready(function(){
        detectMsTouch();

        function detectMsTouch() {
            var touchPoints = window.navigator.msMaxTouchPoints; 
            if (touchPoints) {
                $('html').removeClass('no-touch').addClass('touch');

            }
            else {
                return;
            }
        }   
    });

另一件可行的方法是用CSS覆盖强制样式。

ms-overflow-y: visible !important;

希望它适合你。

自动设置内联样式，我认为是由Google的JSAPI设置的

1 个答案: