Jump to content

Alexander34

Newbie
  • Posts

    5
  • Joined

  • Last visited

Everything posted by Alexander34

  1. мдаа, жаль нельзя избавится штатными средствами css. Помогло, спасибо огромное!
  2. не помогает, подсветка элемента происходит полностью, будто бы придали свойство background.
  3. Всем доброго времени суток. Столкнулся с интересной проблемой в мобильном 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. Если нет обработчика то никаких подстветок нет. Причем не важно что возвращает функция. Можно ли как от этого избавиться?
  4. Всем спасибо! Со скриптами вариант верный оказался, все прекрасно работает! Хороший пример, остается только добавить код для ie<9(если нужно). //IE<9: event.returnValue=false;//или жеreturn false;
  5. Здравствуйте! Возникли сложности со скроллом в 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#запрет-прокрутки . Всё прекрасно работает. Есть предложения ? Спасибо!!!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy