Javascript滚动动画会切断页面
我正在为我的wordpress电子商务网站使用javascript平滑滚动动画，如上所示 但是，滚动在页面底部之前停止，并切断最后几行内容和页脚。我需要放大和缩小它才能继续滚动到页面底部。在演示中，这似乎不是问题 HTML分布在header.php、page.php和footer.php文件中，包括一个固定的容器，[data scroll]div将被翻译Javascript滚动动画会切断页面,javascript,php,html,css,Javascript,Php,Html,Css,我正在为我的wordpress电子商务网站使用javascript平滑滚动动画，如上所示 但是，滚动在页面底部之前停止，并切断最后几行内容和页脚。我需要放大和缩小它才能继续滚动到页面底部。在演示中，这似乎不是问题 HTML分布在header.php、page.php和footer.php文件中，包括一个固定的容器，[data scroll]div将被翻译 <main> <div id="nav">navigation and logo here</div>&l
<main>
<div id="nav">navigation and logo here</div><!-- /END NAV -->
<div data-scroll>
<div id="header"></div><!-- /END HEADER -->
<div id="content">
<?php
wp_reset_query(); // necessary to reset query
while ( have_posts() ) : the_post();
the_content();
endwhile; // End of the loop.
?>
</div><!-- /END CONTENT -->
<div id="footer">footer content here</div><!-- /END FOOTER -->
</div><!-- /END DATA SCROLL -->
</main>
<script src="https://harperaustralia.com/wp-content/plugins/smoothscroll/imagesloaded.pkgd.min.js"></script>
<script src="https://harperaustralia.com/wp-content/plugins/smoothscroll/smoothscroll.js"></script>
谢谢我想您应该在加载所有内容之前获取显示高度。加载所有内容后，应调用滚动脚本，以防止滚动被切断 在开发者工具中查看body标签，您将自己看到它
<body style="height: 5096px;">
您可以做的另一件事是设置overflow-y:scroll-on-body标记 抱歉在@aleska_95之前，谢谢您的回复。body标记已经设置为overflow-y:scroll，javascript文件加载在footer.php文件的末尾。在javascript文件中，它计算视口的大小，并在调整大小时重新计算。有没有办法改变这一点<代码>//body元素const body=document.body；//计算视口大小，让winsize；const calcWinsize=（）=>winsize={width:window.innerWidth，height:window.innerHeight}；calcWinsize（）；//并在调整窗口大小时重新计算首先导入smoothscroll/smoothscroll.js，然后导入/imagesloaded.pkgd.min.js，而不是相反。如果仔细查看imagesloaded.pkgd.min.js，它会返回一个承诺。因此，另一种方法是等待承诺得到解决，然后调用smoothscroll/smoothscroll.js。@aleska_95不幸地将footer.php中的脚本顺序更改为
<body style="height: 5096px;">