【问题标题】:Twitter feed autoscrollTwitter 提要自动滚动
【发布时间】:2020-08-24 00:21:48
【问题描述】:

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

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


                    />
                </TwitterBox>

【问题讨论】:

    标签: twitter autoscroll


    【解决方案1】:

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

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

    说明

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

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

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

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

    clearInterval(your number here);
    

    例子:

    clearInterval(3085);
    

    【讨论】:

    • “另一个人编写了这段代码,所以功劳归于那个人。”——谁编写了这段代码?为确保他们获得荣誉,请务必至少承认他们的姓名。
    猜你喜欢
    • 1970-01-01
    • 2013-07-24
    • 2016-09-13
    • 2020-09-07
    • 1970-01-01
    • 2012-01-31
    • 2020-05-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多