<!doctype html>
<html><head>
<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="description" content=""><meta name="keywords" content=""><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>Amaze UI Examples</title><link rel="stylesheet" href="assets/css/amazeui.min.css"><!-- <link rel="stylesheet" href="assets/css/app.css">--></head><body>
<div style="height: 800px;"></div><div class="am-panel am-panel-primary" id="my-scrollspy"><div class="am-panel-hd">ScrollSpy via JS</div><div class="am-panel-bd">生命是一团欲望，欲望不满足便痛苦，满足便无聊。人生就在痛苦和无聊之间摇摆。——叔本华</div></div><div class="am-panel am-panel-primary" id="my-scrollspy2"><div class="am-panel-hd">ScrollSpy via JS</div><div class="am-panel-bd">生命是一团欲望，欲望不满足便痛苦，满足便无聊。人生就在痛苦和无聊之间摇摆。——叔本华</div></div><!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script><script src="assets/js/amazeui.ie8polyfill.min.js"></script><![endif]--><!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script><!--<![endif]--><script src="assets/js/amazeui.min.js"></script><script>$(function() { //eg$('#my-scrollspy').scrollspy({ animation: 'slide-left',delay: 500})$('#my-scrollspy2').scrollspy({ animation: 'fade',delay: 1000}) });</script></body></html>