引入   此框架的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. IPhone手机常用的一些连
			
    1.查看固件可下载链接. ipsw.me 2.查看手机型号(是global还是GSM). https://ipsw.me/device-finder 3.系统降级链接. https://jingyan ...
    
			
    2. 
						
  2. Python数据类型——字符串
			
    概论 字符串顾名思义就是一串字符,由于Python中没有“字符”这种数据类型,所以单个的字符也依然是字符串类型的.字符串可以包含一切数据,无论是能从键盘上找到的,还是你根本都不认识的.与数一样,字符串 ...
    
			
    3. 
						
  3. fiddler 4 设置代理
			
    Windows使用一种被称为“AppContainer”的隔离技术,它可能会干扰lmmersive应用程序和Edge浏览器的流量捕捉.使用进度Telerik Fiddler的工具栏上的WinConfi ...
    
			
    4. 
						
  4. <input>标签单、复选相关查询地址
			
    http://www.w3school.com.cn/tags/tag_input.asp 以下是相关示例,转载 lfx_web: <html><head><script ...
    
			
    5. 
						
  5. spring MVC 入门：
			
    概述: MVC: M model 模型,除控制和视图以外,都可以成为模型. V view 视图,JSP,HTML,ASP,PHP,XHTML,FREEMARK,JSF,直接与用户做交互的资源. C c ...
    
			
    6. 
						
  6. 第一个HTML文档
			
    属性 和 值 1.作用 用来修饰元素 ex:让 p 标记的文本水平居中对齐 <p>Hello World</p> 2.语法      1.属性的声明必须位于开始标记里      ...
    
			
    7. 
						
  7. 汉诺塔问题-递归实现-JAVA
			
    public class hanio { /** * @param args */ public static void main(String[] args) { // TODO Auto-gene ...
    
			
    8. 
						
  8. IIS10安装IIS URL重写模块2伪静态组件提示需要IIS7.0以上版本。
			
    解决方法: 打开注册表 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\InetStp 双击右边MajorVersion,默认的数值是a,修改成9,然后再安装 ,安装完成后 ...
    
			
    9. 
						
  9. 常见的操作系统及linux发展史
			
    目前我们常见的操作系统有: 1> 桌面操作系统 Windows 系列 用户群体大 macOS 适合于开发人员 Linux 应用软件少 2> 服务器操作系统 Linux 安全.稳定.免费 占 ...
    
			
    10. 
						
  10. Qunar入职前自学笔记
			
    Q1. 什么是html,html发展历程 hyperText markup language 超文本标记语言 HTML是用于描述网页文档的标记语言.现在我们常常习惯于用数字来描述HTML的版本(如:H ...
    
			
    11.