One Page Scroll

jQuery 页面滚动插件
授权协议 CC by SA 4.0
开发语言 JavaScript HTML/CSS
所属分类 jQuery 插件、 jQuery页面滚动插件
软件类型 开源软件
地区 不详
投 递 者 微生德运
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

onepage-scroll 是一款 jQuery 单页滚动插件,它能够轻松的制作类似 iPhone 5s 的页面,它具有以下功能、特点

  • (不)显示右侧圆点项目导航

  • (不)显示命名锚记

  • 循环/禁止循环

  • 回退(使用浏览器自带滚动)/指定回退

  • 支持键盘控制,左右上下/ Page Up / Page Donw / Home / End 等

  • 水平/横向滚动

  • 回调函数

查看演示

  • 在技术上分析, 以前自己喜欢为某一个功能写一个类,比如,增加滚动条的功能,我会写成: function Scrollable(domid,ops){ } Scrollable.prototype.addWheelEvent = function(){} 通过阅读一些代码,发现,还可以通过jquery 插件,来方便的为dom 添加功能。 通过jquery 插件来为dom添加功能的原理: jQuer

  • 获取滚动条位置:document.documentElement.scrollTop 获取当前页面的滚动条纵坐标位置:document.documentElement.scrollTop; 而不是:document.body.scrollTop; js中每个载入浏览器的HTML文档都会成为Document对象,documentElement 对应的是 html 标签, 如果发现两个高度不一样,是c

  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

  • scollTop scrollTop 可以被设置为任何整数值,同时注意: 如果一个元素不能被滚动(例如,它没有溢出,或者这个元素有一个”non-scrollable”属性), scrollTop将被设置为0。 设置scrollTop的值小于0,scrollTop 被设为0 如果设置了超出这个容器可滚动的值, scrollTop 会被设为最大值. 总结:元素发生溢出时可以设置scrollTop,设置

  • 参考:https://github.com/Trinea/android-auto-scroll-view-pager  and code : http://download.csdn.net/detail/xidianluke/7662743

  • 页面滚动事件 //在mounted钩子函数里面注册scroll事件 mounted() { this.$router.afterEach((to, from, next) => { window.scrollTo(0, 0); }); window.addEventListener("scroll", this.about); }, methods:

  • 需求:主界面是个列表。列表可以纵向滑动,下拉添加新的条目Item。每个条目Item可以横向滑动。   发现做下拉时,用Page的enablePullDownRefresh和scroll-view条目的横向滑动冲突了!下滑被scroll-view接收,只有在scroll-view外部才能下拉列表(当scroll-view条目很少,不占满屏幕时)。而在scroll-view中并没有相关下拉的属性或是回

  •   一 定义 One Page, One Application(后面缩写为OPOA,或者1P1A), 含义很简单:一个页面就是一个应用。在众多的基于Web的MIS系统中,没有人关心页面的组织形式;大多数稍微复杂的MIS系统,都采用分祯(Frame)的方式来组织页面,这样,在进行业务操作的时候,url的变化表现在一个框架页面内,从浏览器的地址看起来,只有一个地址;更有甚者,一些应用干脆弹出一个去掉

  • d.scrollTop + d.offsetHeight >= d.scrollHeight scrollTop:代表在有滚动条时,滚动条向下滚动的距离也就是元素顶部被遮住部分的高度。在没有滚动条时scrollTop==0恒成立。单位px,可读可设置。 offsetTop: 当前元素顶部距离最近父元素顶部的距离,和有没有滚动条没有关系。单位px,只读元素。 clientHeight:视野可见的内容

  • Fixed Headers and Jump Links? The Solution is scroll-margin-top | CSS-Tricks - CSS-Tricks scroll-margin-top 导航栏fixed,跳转链接时navbar会遮挡部分内容,可以使用scroll-margin-top /* 跳转到questions时,maprgin-top设置为56px */ #qu

 相关资料
  • 我想将我的导航从透明背景更改为白色背景。导航应该缩小,徽标应该消失。 它应该与此页面上的完全相同:https://www.praxis-loeber.de 我已经为它编写了jQuery代码,但不幸的是,它仍然不起作用。 如果有人能告诉我错误在我的代码中,我会非常高兴。 这是我的代码:

  • 本文向大家介绍基于vue的fullpage.js单页滚动插件,包括了基于vue的fullpage.js单页滚动插件的使用技巧和注意事项,需要的朋友参考一下 基于vue的fullpage.js使用方法,供大家参考,具体内容如下 功能概述 可实现移动端的单页滚动效果,支持横向滚动和纵向滚动 兼容性 目前还未进行大规模兼容性测试。有bug请提问至issues 安装 commonjs 或 文档 api文档

  • 问题内容: 考虑我有一个问题清单。当我单击第一个问题时,它应该自动带我到页面底部。 实际上,我确实知道可以使用jQuery完成此操作。 因此,您能为我提供一些文档或一些链接,以找到该问题的答案吗? 编辑:需要滚动到页面底部的特定HTML 元素 问题答案: 不需要jQuery。我从Google搜索获得的大多数热门结果都给了我这个答案: 在嵌套元素的地方,文档可能不会滚动。在这种情况下,您需要定位要滚

  • 我有一个问题清单。当我点击第一个问题时,它应该会自动把我带到页面底部。 事实上,我确实知道这可以使用jQuery来完成。 所以,你能给我一些文件或一些链接,我可以找到这个问题的答案吗? 编辑:需要滚动到页面底部的特定HTML元素

  • 问题内容: 我的意思是滚动时会轻松。 问题答案: var $pages = $(“.page”), PS: 使用,如果你的s为像一个滚动的DIV内(而不是) 注意: 对于 移动设备, 您可能希望针对浏览器的标签栏高度调整值(最好还是完全避免这种情况)。你有主意

  • 问题内容: selenium: 我是WebDriverJS的新手。我已经在Java中尝试了这种方法。 但是我在循环时遇到了webdriverjs中的问题。 在我的代码中, 我对循环进行了硬编码,直到50次为止,并且要在达到滚动高度结束时退出/中断循环 。在这种方法中,我想删除诸如Java代码之类的硬代码,因为 我不知道对于滚动不断增加的其他应用程序要迭代多少次 。例如,Facebook应用程序,Y

  • 跟随页面滚动非常的简单,就是设置元素的top值即可,代码量只有20行。 1.准备 HTML <div class="roll"> </div> 2.准备css 一定要记得把动画个加上 body{ min-height: 4000px; } .roll{ position: relati

  • 我正在使用html2canvas进行截图和附加图像。这些工作正常,但完成后总是滚动到页面顶部。我需要根据div id或class滚动pacific div。以下是我使用的代码: 请尝试使用以下代码: 这对我不起作用。