wagerfield / parallax

Parallax Engine that reacts to the orientation of a smart device

Home Page:http://wagerfield.github.io/parallax/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

After using parallax 'a' tag in html doesn't work

MahediHasanBijoy opened this issue · comments

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="scripts/parallax.min.js"></script> <script src="scripts/main.js"></script> <script> var scene = document.getElementById('scene'); var parallax = new Parallax(scene); </script>

//In this code the a tags aren't working properly like they don't seems clickable and the css hover property doesn't work.

By default pointer events are disabled which means you can't click on elements, see the guide below how to fix it and beware that just setting pointerEvents:true might not work, it tells you what you need to do
pointerEvents
Property: pointerEvents
Attribute: data-pointer-events

Value: boolean
Default: false

Set to true to enable interactions with the scene and layer elements. When set to the default of false, the CSS attribute pointer-events: none will be applied for performance reasons.
Setting this to true alone will not be enough to fully interact with all layers, since they will be overlapping. You have to either set position: absolute on all layer child elements, or keep pointerEvents at false and set pointer-events: all for the interactable elements only.

Hi endrits.

Where to define the Propertie + Attribute and where to set the Value to true ?