0

I have a dropdown with a scrolling content. The thing is, if I hover the content in the dropdown and starts to scroll, it scroll the content nicely but once arrived at the end it switches back to scrolling the page, but I would like the scrolling to be deactivated at this point. To rephrase this, if hovering the dropdown content, preventing the scrolling to affect the whole page (window)

Anyway to achieve this ?

Here is an example with my problem reproduced

ozil
  • 6,930
  • 9
  • 33
  • 56
Scipion
  • 11,449
  • 19
  • 74
  • 139
  • 1
    Please add your code that you tried. – Gayan Fernando Nov 17 '15 at 12:13
  • you can use Brandon's mousewheel http://brandon.aaron.sh/code/mousewheel/docs, I think what you are looking for is preventing scrolling of parent element when you are in focus of a child element. check this question http://stackoverflow.com/questions/5802467/prevent-scrolling-of-parent-element – jimish Nov 17 '15 at 12:15
  • 4
    That's what I'd expect any page to do. Please don't break my browsing experience. – James Thorpe Nov 17 '15 at 12:23
  • @JamesThorpe agreed thousand times. Some developers seems designers, and they like to break usability, accessibility and user experience – Marcos Pérez Gude Nov 17 '15 at 12:25
  • @JamesThorpe Sorry but this is not a debate about whether the default behavior is correct or not. This is simply a question to feed my curiosity. – Scipion Nov 17 '15 at 12:27
  • @JimishParekh Thanks I will have a look at this post. – Scipion Nov 17 '15 at 12:27

0 Answers0