<HTML> автоматически устанавливает встроенный стиль, который, как мне кажется, устанавливается Google JSAPI

Question

<HTML> автоматически устанавливает встроенный стиль, который, как мне кажется, устанавливается Google JSAPI

0

Итак, я купил тему Roker с темыforest.net и создал свой сайт. Он отлично работает и отлично смотрится, но когда я пытаюсь открыть свой сайт на сенсорном устройстве Windows - Surface Pro (IE и Firefox) или Windows Phone, я не могу прокручивать пальцем, т.е. Сенсорный не работает.

Когда я смотрю на HTML-код, тег rendered pages добавляет этот стиль

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

И переполнение задается как встроенный стиль.

Кажется, это автоматически устанавливается, когда я включаю JSAPI Google, потому что, когда я комментирую <script type="text/javascript" src="http://www.google.com/jsapi"></script>, тогда все работает отлично.

Любые предложения о том, как я могу это преодолеть? Я могу поделиться ссылкой на своем веб-сайте, если вы хотите увидеть, что происходит.

user3610094 07 май 2014, в 01:36

Источник

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

dlz21 · Answer 1 · 2015-01-08T19-55-00.000Z

В идеале вы хотели бы отследить файл 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;

Надеюсь, это сработает для вас.