oleg901,
как вариант ...
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
*{
margin: 0;
padding: 0;
}
div.sidebar {
background: #fff;
width: 100%;
}
div#scrollable {
overflow-y: auto;
height: 200px;
}
div#fixed {
background: #76a7dc;
color: #fff;
position:fixed;
top:0;
height:50px;
width: calc(100% - 16px);
pointer-events: none;
}
</style>
</head>
<body>
<div class="sidebar">
<div id="scrollable">
<div id="fixed">
position:fixed
</div>
Scrolling content<br><br><br>
Так уж выходит, что общий скролл страницы задается вложенным слоем и в тоже время внутри слоя со скроллом находится фиксированный слой прикреплённый к потолку.
<br><br>
В итоге мы имеем, что фиксированный слой наезжает на скролл. Как этого можно избежать?<br><br><br>
Так уж выходит, что общий скролл страницы задается вложенным слоем и в тоже время внутри слоя со скроллом находится фиксированный слой прикреплённый к потолку.
<br><br>
В итоге мы имеем, что фиксированный слой наезжает на скролл. Как этого можно избежать?<br><br><br>
Так уж выходит, что общий скролл страницы задается вложенным слоем и в тоже время внутри слоя со скроллом находится фиксированный слой прикреплённый к потолку.
<br><br>
В итоге мы имеем, что фиксированный слой наезжает на скролл. Как этого можно избежать?<br><br><br>
Так уж выходит, что общий скролл страницы задается вложенным слоем и в тоже время внутри слоя со скроллом находится фиксированный слой прикреплённый к потолку.
<br><br>
В итоге мы имеем, что фиксированный слой наезжает на скролл. Как этого можно избежать?
</div>
</div>
</body>
</html>