Опитвам се да деактивирам X превъртането на Safari 9 (OS X El Capitan) със следния код, но не работи, работи в Firefox и Chrome, но Safari все още върти, всеки може да ми помогне?
Моят CSS код:
html, body
{
overflow-x: hidden
}
Моят JavaScript код:
function disableX(e)
{
if(scrollX > 0)
{
e.preventDefault();
e.stopPropagation();
}
}
addEventListener("scroll", disableX);
Отговори:
0 за отговор № 1Опитайте да добавите! Важно, в противен случай отворете инструментите на Chrome Dev, за да разберете каква собственост използвате.
0 за отговор № 2
добавяне на позиция: относителна; към тялото
body {
position:relative;
overflow-x:hidden;
}
Още информация: Safari Oveflow Hidden Problem
0 за отговор № 3
Но overflow-x: hidden;
за body
и html
наистина не прави толкова много смисъл, т.е. ако има е нещо, което трябва да се види, потребителят трябва да може да го види и предполагам, че това е причината, поради която Safari го възпрепятства.
Може би трябва да приложите тази настройка на някой елемент малко по-надолу в йерархията на DOM.
---> Редактирана част: Това, което исках да кажа е: Изтрийте тези правила body
и html
, поставете DIV вътре там директно <body>
(т.е. обвивка за всичко) и да приложите правилото за преливане на тази DIV.