引入   此框架的css  js    前提还要有jquery

http://amazeui.org/javascript/scrollspy

然后看这个链接里的各种动画

运用方法就是  在你想要有动画的元素上，加上   am-panel   类名    还有

data-am-scrollspy="{animation: 'fade'}"  你想要让它是怎样的一个动画   延迟  是否重复监听  等等

最后  还有写一句jquery

$('#my-scrollspy').scrollspy({

})

既可实现滚动监听事件

关注微信小程序  

												


											
amaze ui   滚动监听的更多相关文章
	

    
								
  1. Bootstrap 下拉菜单和滚动监听插件
		
    一．下拉菜单 常规使用中,和组件方法一样,代码如下: //声明式用法 <div class="dropdown"> <button class="btn ...
    
		
    2. 
						
  2. bootstrap的滚动监听
		
    <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8& ...
    
		
    3. 
						
  3. 第二百四十四节，Bootstrap下拉菜单和滚动监听插件
		
    Bootstrap下拉菜单和滚动监听插件 学习要点: 1.下拉菜单 2.滚动监听 本节课我们主要学习一下 Bootstrap 中的下拉菜单插件,这个插件在以组件的形式我们 已经学习过,那么现在来看看怎 ...
    
		
    4. 
						
  4. Android 对ScrollView滚动监听，实现美团、大众点评的购买悬浮效果
		
    转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming),请尊重他人的辛勤劳动成果,谢谢! 随着移动互联网的快速发展,它已经和我们的生活息息相关了,在 ...
    
		
    5. 
						
  5. 【Flutter学习】可滚动组件之滚动监听及控制
		
    一,概述 ScrollController可以用来控制可滚动widget的滚动位置 二,ScrollController 构造函数 ScrollController({ double initialS ...
    
		
    6. 
						
  6. 滚动监听（bootstrap）
		
    1.05 腊八节   一直都想知道滚动监听是怎么做出来的,今天终于扒拉出来了,在使用的时候只要加上div定位就可以了... <head> <link rel="styles ...
    
		
    7. 
						
  7. Bootstrap滚动监听
		
    滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标.其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加 .active class. <!DO ...
    
		
    8. 
						
  8. jQuery页面滚动监听事件及高级效果插件
		
    jQuery页面滚动监听事件及高级效果插件 1. One Page scroll (只适用于上下焦点图)http://www.thepetedesign.com/demos/onepage_scrol ...
    
		
    9. 
						
  9. UI事件监听的击穿
		
    什么是UI事件监听的击穿 在游戏视图中,有两个UI界面叠在一起的时候,单击一个空白处,却触发了被覆盖在下层了UI界面中的单击事件,这就是单击击穿了上层界面. 假设场景中放置了一个箱子,单击箱子会触发一 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【js】【图片显示】js控制html页面显示图片方式
			
    js控制html页面显示图片方式,只需要引入“jquery-1.11.2.min.js” js: /* 引用 <script src="jquery-1.11.2.min.js&quo ...
    
			
    2. 
						
  2. Vue2.0选中当前鼠标移入移除加样式
			
    本人写的小程序,功能还在完善中,欢迎扫一扫提出宝贵意见! 效果如gif动态图所示: 1.通过v-for遍历数组 HTML代码: <template> <div class=" ...
    
			
    3. 
						
  3. git reset 和 git revert 使用区别
			
    git reset 用于回退代码,但是git pull后会和远程分支保持一致,所以无法修改远程代码 git revert可以撤销代码,撤销后直接git push ,可以修改远程分支的代码
    
			
    4. 
						
  4. Mac OS X 绑定80端口，不装nginx的小技巧
			
    Mac OS X 因为要绑定80端口需要ROOT权限, 但是如果用root权限启动eclipse或tomcat又会造成, 启动创建的各类文件是root的,普通用户无法删除. 为此, 我们可以通过pfc ...
    
			
    5. 
						
  5. 【转】IIS请求筛选模块被配置为拒绝超过请求内容长度的请求
			
    HTTP错误404.13 - Not Found 请求筛选模块被配置为拒绝超过请求内容长度的请求,原因是Web服务器上的请求筛选被配置为拒绝该请求,因为内容长度超过配置的值(IIS 7 默认文件上传大 ...
    
			
    6. 
						
  6. python数据结构与算法之问题求解
			
    懂得计算机的童鞋应该都知道,一条计算机程序由数据结构跟算法两大部分组成.所以,其实不管你使用哪种计算机语言编写程序,最终这两部分才是一个程序设计的核心.所以,一个不懂得数据结构与算法的程序员不是一个好 ...
    
			
    7. 
						
  7. 浏览器如何对HTML5的离线储存资源进行管理和加载
			
    在线的情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,如果是第一次访问app,那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储.如果已经访 ...
    
			
    8. 
						
  8. shell脚本学习之实例列举
			
    1.用shell写一个从1加到100的程序: 方法一: #!/bin/bashsum=0for i in {1..100}do   let sum+=$idone   echo $sum 方法二: # ...
    
			
    9. 
						
  9. test--1
			
    void(document.body.innerHTML.replace(/"return DeletePost\((\d+),([^"]+)\)"/g, functio ...
    
			
    10. 
						
  10. JS a标签默认鼠标事件，导致无法修改input选中状态
			
    今天踩了一个坑
    
			
    11.