首页 > 解决方案 > Twitter 提要自动滚动

问题描述

我的页面上有一个嵌入式 twitter 提要,用户可以向下滚动,但我希望它自动滚动。我在想它可以添加到代码中,但不知道从哪里开始。请帮忙..

 <TwitterBox>
                    <Timeline
                        renderError={(_err) => <p>Could not load Twitter</p>}
                        dataSource={{
                            sourceType: 'profile',
                            screenName: 'vehicle',
                            width: "100%",
                        }}
                        options={{
                            height: '700',
                        }}


                    />
                </TwitterBox>

标签: twitterautoscroll

解决方案


我可能对你的问题有一个答案。另一个人制作了此代码,因此功劳将归该人所有。这是您可能想尝试的代码。

scroll=window.setInterval(function(){window.scrollTo(0,document.body.scrollHeight);},1000);

指示

打开个人资料。您想在浏览器中向下滚动到末尾。然后打开 _inspect element +模式(在 Chrome 浏览器中,点击ctrl++进入检查模式),然后单击控制台选项卡并粘贴此代码并按 Enter:shifti

scroll=window.setInterval(function(){window.scrollTo(0,document.body.scrollHeight);},1000);

一旦你按下回车,你会在你发布的代码行下方看到一个唯一的数字。它可以是 139、43、123 或任何数字。一旦到达配置文件末尾,我们将使用此数字停止滚动,因为即使您在上一篇文章中到达,上述代码也会继续执行。

要停止向下滚动,只需将以下代码复制粘贴到控制台中,然后按 Enter。确保将此处的号码替换为您第一次按 Enter 时在控制台中获得的号码。

clearInterval(your number here);

例子:

clearInterval(3085);

在此处输入图像描述


推荐阅读