Alexander34
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Alexander34
-
странная подсветка на ie mobile win phone 8.1
Alexander34 replied to Alexander34's question in HTML Coding
мдаа, жаль нельзя избавится штатными средствами css. Помогло, спасибо огромное! -
странная подсветка на ie mobile win phone 8.1
Alexander34 replied to Alexander34's question in HTML Coding
не помогает, подсветка элемента происходит полностью, будто бы придали свойство background. -
Всем доброго времени суток. Столкнулся с интересной проблемой в мобильном ie win phone 8.1. Допустим есть небольшой блок на странице с текстом внутри. <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test</title> <style> .btn { height: 50px; border: 1px solid black; } .btn span { color: red; } </style></head><body> <div id="btn" class="btn"> <span>text</span> </div> <script> var btn = document.getElementById("btn"); btn.onclick = function () { return; }; </script></body></html>Если на элементе есть обработчик onclick , то по клику браузер выделяет элемент светлосерым цветом в районе #ddd. Если нет обработчика то никаких подстветок нет. Причем не важно что возвращает функция. Можно ли как от этого избавиться?
-
body overflow:hidden не работает в Chrome
Alexander34 replied to Alexander34's question in HTML Coding
Всем спасибо! Со скриптами вариант верный оказался, все прекрасно работает! Хороший пример, остается только добавить код для ie<9(если нужно). //IE<9: event.returnValue=false;//или жеreturn false; -
Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span class="text">2</span></div> <div class="box"><span class="text">3</span></div> <div class="box"><span class="text">4</span></div> <div class="box"><span class="text">5</span></div> <script> var boxes = document.getElementsByClassName("box"); for(var i=0; i<boxes.length; i++) { boxes[i].onclick = function() { document.body.style.overflow = "hidden"; } } </script></body></html>Если кликнуть по div, то скрипт применить стиль к body: document.body.style.overflow = "hidden";В chrome скролл исчезает, но страница по-прежнему прокручивается. В FF и IE11 все прекрасно работает. Пробовал через консоль вводить overflow: hidden; , а также в теге style описывал это. Но ничего не помогло. Есть пример http://learn.javascript.ru/metrics-window#запрет-прокрутки . Всё прекрасно работает. Есть предложения ? Спасибо!!!