导航箭头的Css在页面的左右两侧垂直存在

Question

CSS前端有点弱。我试图在http://www.usatoday.com/上获得确切的效果。即使您垂直向上和向下滚动页面，左右导航箭头也会垂直保留。有人有任何示例代码吗？

Answer 1

你想给他们position: fixed。如果您希望它们垂直居中，您可以执行以下操作*：

.nav-arrow {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
}

请参阅此codepen demo

*您需要确保给他们指定的身高