引入   此框架的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. github项目上传与克隆
			
    1. 先去git官网https://git-scm.com/下载git: 2. 桌面新建文件夹,例如project,文件夹中新建任意文件例如index.html: 3. 打开文件夹,按住shift+右 ...
    
			
    2. 
						
  2. php（三）使用thinkphp操作数据库
			
    1.数据库设置 在项目D:\workspaces\phpDemo01\helloworldProject\Common\Conf\config.php配置: <?php return array ...
    
			
    3. 
						
  3. vue v-if控制显隐，页面加载出现闪现 v-cloak
			
    <div id="divApp"> <div v-if="type === 'A'" v-cloak> A </div> & ...
    
			
    4. 
						
  4. idea中文乱码
			
    
			
    5. 
						
  5. 基于mykernel的时间片轮转调度
			
    学号: 363 原创作品,转载请注明出处.本实验资源来源: https://github.com/mengning/linuxkernel/ 一. 实验环境配置 本次实验在实验楼完成: 在实验楼的终端 ...
    
			
    6. 
						
  6. 关于在UNIcode环境下得TCHAR转string类型以及string转TCHAR
			
    using namespace System::Text: String ^TCHARtoStr(TCHAR *temp) //TCHAR转String { array<unsigned cha ...
    
			
    7. 
						
  7. python3.6.3安装步骤，适用linux centos系统
			
    step1: yum -y install gccyum install zlib zlib-devel step2: cd /usr/bin/ mv python python.bak step3: ...
    
			
    8. 
						
  8. ANG通证是什么？有关ANG通证的干货都在这里
			
    什么是ANG通证?▲▲▲ 通证也叫代币,是一个虚拟账户名称,是电子卡的虚拟货币.举个简单的例子,腾讯的Q币就是一种通证,我们用货币购换数个Q币,代以购买腾讯游戏里的装备等. 目前,随着加密数字通证的发 ...
    
			
    9. 
						
  9. 输入一个字母，是元音字母，则输出时元音字母*，否则，输出为辅音字母 	（元音字母有：a,e,i,o,u）
			
    import java.util.Scanner; public class test4 { public static void main(String[] args) { // TODO Auto ...
    
			
    10. 
						
  10. poj1721
			
    题解: 直接暴力循环节 然后再做几次 代码: #include<cstdio> #include<cstring> #include<algorithm> #inc ...
    
			
    11.