链接中插入JS代码打开滚动标签页?

本贴最后更新于 3550 天前,其中的信息可能已经沧海桑田
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    733 引用 • 1280 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9762 引用 • 44403 回帖 • 88 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • someone756

    为什么没人回复??

  • 你要在 http://hacpai.com/article/1440579644830 这个页面加载完后写

    setInterval(function(){scrollBy(0,2)},100)

  • juli
    作者

    @Vanessa 我想在链接被打开之后自动滚动页面
    需要通过链接实现,尤其是在不支持扩展的安卓 Chrome 上, 感谢回复!

  • juli
    作者

    试了下 onload 也不行

  • juli
    作者

    @Vanessa 哈哈,那是锚点,休想骗我

  • juli
    作者

    @juli 效果相当于用 omnibox 在该页执行 javascript:setInterval(function(){scrollBy(0,2)},100)

  • 好吧,我理解错了。以为你是要打开一片文章,然后进行定位。。。

    <div id="panel" style="height: 200px;overflow:hidden;border: 1px solid"> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> <div style="height: 100px">1</div> </div> <script> var scorll = function () { var panel = document.getElementById('panel'); if (panel.scrollTop >= 1000) { container.scrollTop = 0; } else { panel.scrollTop++; } } setInterval(scorll, 20); </script>
  • juli
    作者

    @Vanessa Hmm, 好吧,您又理解错了,可能是这想法太逆天了。其实就是这个:发现一篇好文章,然后在社交网络上发布一个(修改过的)URL,打开之后,页面平滑滚动,在不支持扩展的浏览器上辅助阅读。学艺不精,一步步退到创建插入 JS 的链接,可还是不才,好挫!

  • @juli 额,还是没理解。支持什么扩展啊?如何辅助阅读啊?

  • juli
    作者

    @Vanessa Oh, I'm really a weirdo!

    Please use an Android Chrome to open the follower URL
    https://medium.com/@fangshimin/废医验药是对公众负责任的态度-955024f7fbc6

    and then, type follower code in the omnibox(Chrome URL bar):

    javascript:setInterval(function(){scrollBy(0,2)},100)

    然后回车,记得回车之前地址栏要有“javascript:”,因为它可能在被粘贴时消失,最后,你就能看到所谓的辅助阅读,因为我不知道如何让谷歌浏览器安卓版支持扩展。

  • @juli 木有 Android Chrome,运行了 setInterval(function(){scrollBy(0,2)},100) 这个以后,和我刚才写的代码不是一样的么。下面那个没有 onload 都可以的。更何况你还 onload 了呢。不明白为什么要在地址栏里面弄。

  • juli
    作者

    @Vanessa 因为页面不是我的,是 medium 的,而且手机版不支持扩展,阅读长文不方便,想让阅读体验更上一层。

  • @juli 哦。那你给用户滚着看,其实用户也会很不爽吧。实在不行就把页面作为 iframe 嵌入到你自己的页面,外面来进行操作滚动,好像设置了 X-Frame-Options。好吧,无解了。可以拒绝这个需求么? 🔆

  • juli
    作者

    @Vanessa 可以可以,这想法逆天,先放一放。

  • loocao

    ~_原来 @Vanessa 妹纸真是个前端啊

    1 回复
  • @oncereply 那不然呢?

  • pangwen

    而且是炒鸡厉害的那种! 😊

请输入回帖内容 ...

推荐标签 标签

  • gRpc
    11 引用 • 9 回帖 • 92 关注
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1794 回帖
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    412 引用 • 3588 回帖
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    79 引用 • 431 回帖
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 178 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 5 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • danl
    166 关注
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用(如 Word、Excel 和 PowerPoint)与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起,可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    24 引用 • 241 回帖
  • Outlook
    1 引用 • 5 回帖 • 1 关注
  • Access
    1 引用 • 3 回帖 • 1 关注
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖 • 3 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖 • 2 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    35 引用 • 468 回帖 • 763 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    84 引用 • 324 回帖
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 316 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 1 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖 • 2 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    125 引用 • 74 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 53 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 31 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    345 引用 • 749 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 181 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 396 关注