SideNav Slide-out on Edge Mouse over


Topic: SideNav Slide-out on Edge Mouse over

Diego pro asked 4 years ago

I was wondering if there is any way to slide-out the SideNav when the mouse is near the edge of the browser.


Krzysztof Wilk staff answered 4 years ago

Hi!

Yes, there is a way to do that and I did it for you! You can check out an example here: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2500362#html-tab-view (please, watch on fullscreen, only that way mouse offset is calculated properly) :)

Best regards


Diego pro answered 4 years ago

Hi,

It works, but it jumps all-around when you move the mouse out. I belived we need to check if the SideNav is not already open before we try to open it again.


Krzysztof Wilk staff commented 4 years ago

Hi!

You're right, I updated the code and now you can check out the result here: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2500362#js-tab-view :)

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No
Tags