我有一个非常简单的Django webapp来跟踪商店中的工作状态。它工作正常,但我想添加一个功能,每30秒自动滚动或更改页面,以较容易的方式,如果在一个屏幕上有更多的作业,它会在一个时间间隔显示所有作业。是否有人知道使用Django或javascript执行此操作的方法?
非常感激。
在浏览网页后,我为此开发了一个相对简单的解决方案。认为这可能对某些人有所帮助。
我使用了一个小的javascript脚本:
<script>
setInterval(function(){ location.reload() }, 600000);
$(document).ready(function scroll(){
$("html, body").animate({ scrollTop: $('#start').offset().top }, 40000).delay(5000),
$("html, body").animate({ scrollTop: $('#stop').offset().top }, 40000), scroll();
})
scroll();
</script>
我只是放入头部html页面,但你也可以将它加载到静态文件夹中。我刚刚在页面上添加了两个对象,一个在顶部称为“开始”,另一个称为“停止”,即我将图像放在顶部,如下所示:
<img src="{% static 'logo.png' %}" id="start">
它很简单,但效果很好,只是整天滚动起来。