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

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

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

    730 引用 • 1281 回帖 • 2 关注
  • Q&A

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

    9940 引用 • 45136 回帖 • 76 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 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

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

请输入回帖内容 ...

推荐标签 标签

  • 自由行
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    184 引用 • 824 回帖 • 1 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    98 引用 • 903 回帖
  • FFmpeg

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

    23 引用 • 32 回帖 • 1 关注
  • 反馈

    Communication channel for makers and users.

    120 引用 • 906 回帖 • 279 关注
  • Excel
    31 引用 • 28 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 395 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 676 关注
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 227 关注
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1063 引用 • 3455 回帖 • 153 关注
  • 电影

    这是一个不能说的秘密。

    122 引用 • 608 回帖 • 2 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖 • 2 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 674 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    693 引用 • 537 回帖
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 764 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 463 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 635 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    188 引用 • 1057 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    108 引用 • 153 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 67 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    326 引用 • 1395 回帖
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 561 关注
  • gRpc
    11 引用 • 9 回帖 • 99 关注
  • ReactiveX

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

    1 引用 • 2 回帖 • 186 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 734 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    115 引用 • 317 回帖 • 1 关注