Use the buttons below to show and hide an offcanvas element via JavaScript that toggles the .show class on an element with the .offcanvas class.
Offcanvas Different Placement Example: Top, Right & Bottom
Scrolling the body is disabled when an offcanvas and its backdrop are visible. Use scroll and backdrop properties to control behavior.
Try scrolling the rest of the page to see this option in action.
I will not close if you click outside of me.
Try scrolling the rest of the page to see this option in action.
