Сделать начинает периодически элемента (щелчком за ним)

У меня есть фиксированное изображение, которое накладывается на страницу, когда пользователь находится в процессе прокрутки сенсорного экрана (мобильный).

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

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

спасибо!

3 51
html css cocoa-touch mobile scroll

3 ответа:

настройка CSS -pointer-events: none следует удалить любое взаимодействие мыши с изображением. Поддерживается довольно хорошо во всех, кроме IE.

вот полный список ценностей pointer-events можно взять.

110

события указателя CSS - это то, что вы хотите посмотреть. В вашем случае установите pointer-events в "none". Посмотрите на этот JSFiddle для примера... http://jsfiddle.net/dppJw/1/

обратите внимание, что двойной щелчок по значку все равно скажет, что вы нажимаете абзац.

div.child {
    ...    
    background: #fff;
    pointer-events: none //This line is the key!
}
11

Если вы хотите использовать JavaScript :

document.getElementById("x").style.pointerEvents = "none";
<a href="https://www.google.com" id="x" />Unclickable Google Link</a>
<br>
<a href="https://www.google.com" id="" />Clickable Google Link</a>
1