Allow nested child to overflow with scroll instead of main content-CodePudding

Home > Blockchain > Allow nested child to overflow with scroll instead of main content

Allow nested child to overflow with scroll instead of main content

Time：10-18

I've got a sidebar where the overflow-y: scroll doesn't want to behave. The goal is to keep both the main content and the sidebar at the full height of the viewport, but force the sidebar to scroll instead of the main content.

CodePudding user response：

Just add overflow-y: hidden; to the .sidebar.

Also height: calc(100vh - 30px); on .main

example

Page link：https//www.codepudding.com/Blockchain/579346.html

Prev:How can I align and space these form input fields horizontally, given the context (Bootstrap 4)?

Next:Alternative to subquery (mysql)

Tags：

htmlcssscrolloverflow

Links：
CodePudding