2016-09-16 3 views
15

Прежде всего, извиняюсь, что у меня нет тестового примера minimal, verifiable. Проблема, с которой я столкнулась, происходит в Safari, но у меня нет продуктов Apple.Прокрутка отключена после перехода на сафари 9.1.2

this website, есть ошибка, в которой пользователь не может прокручивать страницу больше после навигации назад. Вы можете перейти по ссылке, щелкнуть по одной из кнопок, вернуться (путем прокрутки, нажатия кнопки или с помощью ярлыка), и вы больше не сможете прокручивать страницу, используя трекпад или колесико мыши. Я в принципе не знаю, что может быть причиной этого.

Пользователь, который сообщил об этом использует Safari 9.1.2

+0

Просто для подтверждения: я могу воспроизвести эту проблему на моем rMBP 15 "(Mid 2015, OS X 10.11.6) с Safari 9.1.2. Я потратил почти час на поиск, но не могу найти ничего, что вызывает это. – BlueCola

+0

(Не могу проверить, так как у меня нет Safari 9.1.2.). Изменяется ли свойство тела CSS в инспекторе после навигации? У вас есть 'body {overflow-x: hidden;}' в stylesheet.css (строка 38). Помогает ли это удалить (или любые другие свойства тела)? Возможно, это ошибка, которая была исправлена ​​в Safari 9.1.3. Я не смог воспроизвести это в Safari 9.0.x либо –

+0

Я не могу воспроизведите проблему с Safari 6 - 9. –

ответ

2

Короче:

Я считаю, что ответ: Нет ничего плохого с кодом вашего сайта.


В самом деле, я считаю, что это связанно с оборудованием, и именно поэтому многие люди не могут воспроизвести эту проблему, и это влияет только на некоторые пользователь.

Я протестировал сайт на каждой ОС от Lion/Safari 6 до El Capitan/Safari 9 с помощью трекпада и волшебной мыши, используя мои Mac и браузер.

В каждом сценарии сайт функционировал нормально.

Как уже говорилось, трек колодки влияют, и я хотел бы добавить, что любой 2 пальца ударяя может быть точная причина и 1 палец пролистывание нет.

И Причина, почему я говорю, что в оборудовании:, потому что пользователи Apple, побежал форумах жалуются на эту же проблему и сказали сбросить PRAM является то, что исправила проблему.

Swipes and scrolling stop working in Safari

Больше пользователей на форумах Apple, высказывать свои жалобы.

Apple users place the blame on everything from OS upgrades to system bugs and failing hardware .


В конце концов: Одно можно сказать наверняка. Я не видел, чтобы один пользователь утверждал, что это результат кодирования веб-сайта.

+1

Спасибо за тестирование и спасибо за информацию! –

+1

Мое удовольствие! Мы оба получили знания из вашего вопроса - Cheers –

1

я не могу проверить это, потому что я havn't любой OSX, но я никогда не имел эту проблему при разработке любого веб-сайта. Старайтесь не полагаться на спецификации переполнения на теле, пусть это авто. Если что-то переполняет страницу в X-строке, у вас что-то плохое или плохо оформленное (если говорить о гибкой веб-разработке). Если что-то переполняется в Y-строке, тогда оно будет прокручиваться в любом случае, даже если вы не объявите его в стилях тела.

Затем вы объявили размер коробки: рамка; И позиция: относительная; ко всем элементам (*, *: after, *: before). Удалите его тоже, не нужно повторно объявлять эти свойства и может вызывать проблемы при работе с разными элементами. Думайте, что элементы html имеют свойства по умолчанию, хорошая привычка состоит в том, чтобы учиться и понимать это, а не изменять его, как вы хотите безумно ...

Окончательно, если вы проверите консоль, вы найдете некоторые ошибки jquery, которые могут вызывают блокировку некоторых классов CSS или проблем при загрузке страницы.

1- Delete body's overflow declarations. 

2- Delete * stylings (* styles must be used only to homogenize text, as font family and font width, or other few generic non-structure modificable things) 

3- repair JQuery errors. 

Надеюсь, это поможет, приветствия!

+0

Я не понимаю, почему вам нужно переполнение скрыто. Как говорится в документации к переполнению (переполнение обрезается, а остальная часть содержимого будет невидимой). И опыт говорит, что это может вызывает недопустимое содержимое. В случае переполнения автоматически при появлении полосы прокрутки и переполнения прокрутки появляются полосы прокрутки, иногда даже если нет необходимости. Это нормально, если вы используете это в течение длительного времени, но это неправильно. В любом случае, это может быть хорошо, если вы начнете использовать загрузку вместо того, чтобы делать это самостоятельно. Попробуйте сделать точки 1 и 2, и давайте посмотрим, что произойдет. – JoelBonetR

+0

Итак, если вы не хотите попробовать некоторые ремонтные работы на своем сайте, почему вы спрашиваете здесь? Точно так же, как вы сказали, вы меняете глобальные настройки по умолчанию, и, как вы это делаете, мне кажется, что вы не являетесь экспертом по разработке интерфейса. Если вы понимаете способ визуализации элементов и почему у них есть эти свойства по умолчанию, нет причин переопределять их, как вы это делали. Как вы сказали, вы хотите написать нобеля с записной книжкой, но пытаетесь создать на нем разные стили и цвета шрифтов. Когда вы определенно хотите посмотреть на это, прокомментируйте тело и * стили и ответьте на этот ответ. – JoelBonetR

+0

oh и ... для изменения непрозрачности не меняют z-index. И да, это язык (на самом деле это не язык программирования), который вы не можете делать. В этом причина использования js вместо css для выполнения определенных заданий. Я говорю о 8-летнем опыте разработки интерфейсов и разработки полного стека. По крайней мере, вы можете добавить это внизу вашего загруженного CSS: @media (max-width: 991px;) {body {overflow: visible;}} Затем, если что-то заставляет ваш сайт не реагировать, и вы получаете свиток в x-line у ​​вас есть ошибки в вашей структуре. Это называется отладка или тестирование, TEST, не ленитесь! – JoelBonetR

Смежные вопросы