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

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

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

    729 引用 • 1327 回帖
  • Q&A

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

    8104 引用 • 36981 回帖 • 160 关注

相关帖子

欢迎来到这里!

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

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

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

请输入回帖内容 ...

推荐标签 标签

  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 628 关注
  • 黑曜石

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

    A second brain, for you, forever.

    15 引用 • 122 回帖
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 350 关注
  • SEO

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

    35 引用 • 200 回帖 • 22 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 115 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    286 引用 • 729 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 62 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    27 引用 • 225 回帖 • 170 关注
  • 链书

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

    链书社

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

    14 引用 • 257 回帖
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 51 关注
  • 百度

    百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 176 关注
  • IPFS

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

    21 引用 • 245 回帖 • 241 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 1 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    944 引用 • 1459 回帖 • 19 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    53 引用 • 40 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • 国际化

    i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    6 引用 • 38 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 17 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 245 关注
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 633 关注
  • 京东

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

    14 引用 • 102 回帖 • 376 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 702 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    75 引用 • 1737 回帖 • 5 关注