Մկնիկի փոխազդեցությունը էլեմենտի հետ

Մկնիկի փոխազդեցությունը էլեմենտի հետ

Ժամանակակից css -ով հնարավոր է անջատել մկնիկի փոխազդեցությունը էլեմենտի հետ։ Իսկզբանե դա նախատեսված էր svg -ների հետ աշխատելու համար, սակայն հիմա ունի լայն կիրառություն։

 

pointer-events: auto | none | inherit;

 

Էլեմենտին տալով pointer-events: none; հատկությունը, այն դարնում է «թափանցիկ» JavaScript -ական event-ների համար։ Շատ հարմար է օգտագործել opacity -ով անիմացիաների ժամանակ։

 

Այս հատկության շնորհիվ հնարավոր է բարձրացնել դիտարկիչի արտադրողականությունը, դրա համար պարզապես անհրաժեշտ է scroll -ի ժամանակ անջատել մկնիկի փոխազդեցությունը  body -ի հետ, որպեսզի այդ ըդհացքում չաշխատեն hover էֆֆեկտները։

Tigran Simonyan

05.08.2017

css

Front end