平滑滚动效果问题

Question

这是我上一篇文章中的一个附加问题：Smooth scrolling link effect issue with vertical menu

我正在修改模板https://codepen.io/eksch/pen/xwdOeK以适合我的网站内容。我的部分的长度将比模板的设计方式更长。从javascript来看，平滑滚动效果与浏览器和div分区的位置密切相关，例如：

arc4random_uniform(imageList.count)

是否可以将切片的长度增加到100％或更大，并且仍然保持效果？ （默认长度不足以容纳我的内容） 我试图将最后一节的div调整为100％，并且突出显示效果停止工作，并且div后面有空白。

尾随空间：

我对前端很陌生，因此我希望就此问题提供任何建议或帮助。 谢谢！

Answer 1

我玩过您的CSS，我想这就是您想要的。

// in .page-section
height: 90%;
width: 64%;
margin-left: 30%;
margin-top: 4%;

// in .navigation
margin-left: 0%;
height: 100%;
top: 0;

您可以检查我更新后的CodePen

编辑

要

  

如果部分长度需要向下滚动，则可以使用

或

  

允许超出浏览器高度的内容

只需将height: 90%;中的min-height: 90%;更改为.page-section

检查上面的CodePen以获取更新的代码。