twitter - Twitter 提要自动滚动
问题描述
我的页面上有一个嵌入式 twitter 提要,用户可以向下滚动,但我希望它自动滚动。我在想它可以添加到代码中,但不知道从哪里开始。请帮忙..
<TwitterBox>
<Timeline
renderError={(_err) => <p>Could not load Twitter</p>}
dataSource={{
sourceType: 'profile',
screenName: 'vehicle',
width: "100%",
}}
options={{
height: '700',
}}
/>
</TwitterBox>
解决方案
我可能对你的问题有一个答案。另一个人制作了此代码,因此功劳将归该人所有。这是您可能想尝试的代码。
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);
推荐阅读
- c# - CrystalReport 不显示正确的数据
- python - Python - 将 JSON 读取文件转换为可用的 DataFrame
- html - 悬停时 li 的背景颜色无法正常工作
- c++ - 在我的以下代码中获取 MLE(内存限制错误)。尝试解决 ROUND C 2019(问题 A- Wiggle Walk)Kickstart 问题
- python - 如何在 FOR 循环的第一次迭代中访问索引 [i-1] [Python]
- typescript - 使用 TypeScript 项目引用导入语法
- ios - 委派不更新数组
- css - css inline-table 和元素的表格单元格对齐
- tensorflow - 为什么layers中需要input_length。在keras tensorflow中嵌入?
- dataframe - 列出满足条件的数据框中的前 n 行