防止在身体内部滚动或固定位置？

Question

body{
position:relative;
}

.parent{
position:fixed;
z-index:20;
right:14px;
top:0;
width:140px;
height:100vh;
background:orange;
}

<div class='parent'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</div>

这正是我需要的布局。 parent除了在大型监视器（大于1366像素-这是我的宽度）上之外，都在身体的最右侧。

我尝试使用position:absolute，但在这种情况下parent随正文滚动。

如何在身体内部固定位置（只是防止滚动）？