Mouse scroll to ID not working

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author malihu

    (@malihu)

    8 years, 4 months ago

    Hi,

    Try to change the value of “Highlight selector” in plugin settings from _mPS2id-h to .menu-item > a

    Thread Starter djdrumn

    (@djdrumn)

    8 years, 4 months ago

    Thanks a lot for your kind help dude, you are awesome! 😀

    But, this is very weird. The scroll effect only works on the second scroll.

    So I scroll down the first time, nothing happens, scroll the second time and it works.

    Do you have an idea of what this might be?

    Thanks once again!

    EDIT:

    Also, this is working on other pages and I would like to have this working only on homepage.

    • This reply was modified 8 years, 4 months ago by djdrumn.
    Thread Starter djdrumn

    (@djdrumn)

    8 years, 4 months ago

    Ok I have already noticed why this is working also on a different page, I am using same IDs that I have on homepage. So that is clarified. 🙂

    Now only problem is, when in homepage, this doesn’t seem to work correctly, but it works on the other page (named: Sobre Nós).

    Do you have any idea what’s causing this conflict?

    Thanks! 🙂

    Plugin Author malihu

    (@malihu)

    8 years, 4 months ago

    I just checked the homepage and the reason it doesn’t (always) work is because of the youtube video frames.
    Those frames are blocking javascript events (like mousewheel) from working, when the mouse is over them. This is a browser limitation (regarding javascript security) and it affects cross-domain iframes (iframes not on the same domain as the parent page).

    You can confirm this by using the mousewheel over the left sidebar or over the “SABER MAIS” button areas. In those areas the mousewheel function works as expected.
    Now if you use the mousewheel on the videos (i.e. over the youtube iframes), mousewheel function doesn’t work and the page scrolls normally.

    That’s also the reason it always works in “Sobre Nós” page (it doesn’t have any cross-domain iframes).

    Unfortunately there’s no fix for this as it depends entirely on browser’s security policy.
    A common workaround in such cases is to use an “invisible” element (e.g. a transparent div) over the video iframes. This way the mouse events trigger over the transparent div instead of the iframe but this also means that you won’t be able to pause the video by clicking it.

    Hope this helps

    • This reply was modified 8 years, 4 months ago by malihu.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mouse scroll to ID not working’ is closed to new replies.