Scrolling issue in editor when using sticky header

So I have a site set with a sticky header on scroll, and I have an above-header bar that’s set to hide when the scrolling kicks in so it’s not part of the sticky header. This is the CSS I use on that element to hide it:

.scrolling %root% {
max-height: 0px;
padding: 0px;
}

It works just fine on the front-end, but when I load up the Bricks editor for a normal page and try to scroll down with my mousewheel, it just bounces me back to top. If I manually click on the scrollbar and drag my position down I can get further down the page, and once I’m part way down the page the mousewheel works fine. But when you’re all the way at the top, the mousewheel is useless. You can visibly see it start to scroll down, but then bounce back up. And again, it works fine on the front-end, it’s only an issue while editing the pages in Bricks. Not an issue editing the header template in Bricks either, just pages the header is included on. Any ideas what might be happening? It’s possible to work-around, but super annoying.