在新标签页中打开
Website
CSS
SEO
Bricks builder
Oxygen builder
Domain - Hosting
类别“Website”
MMO
PTC
Airdrop
挂计算机赚的钱
类别“MMO”
尖端技术
Android
Windows
类别“技术提示”
Code
音乐
全部
搜索
搜索
Sticky Sidebar
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://somewebmedia.github.io/hc-sticky/demo.css"> <script src="https://cdn.jsdelivr.net/gh/somewebmedia/hc-sticky@v2.2.7/dist/hc-sticky.js"></script> </head> <body class="demo demo_1"> <header> <figure></figure> <nav> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </nav> </header> <main> <article> <section> <figure></figure> <div> </div> </section> <section> <figure></figure> <div> </div> </section> <section> <figure></figure> <div> </div> </section> <section> <figure></figure> <div> </div> </section> <section> <figure></figure> <div> </div> </section> <section> <figure></figure> <div> </div> </section> </article> <aside> <div> <h3></h3> <ul> <li></li> <li></li> <li></li> </ul> </div> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <div> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> </aside> </main> <footer> <span></span> <span></span> <span></span> </footer> <script> "use strict"; var Sticky = new hcSticky('aside', { stickTo: 'main', responsive: { 980: { disable: true } } }); document.addEventListener('DOMContentLoaded', function() { var Sticky = new hcSticky('aside', { stickTo: 'main' }); Sticky.update({ top: 200 }); }); </script> </body> </html>
F1
Ctrl + ,
指导
PREVIEW (
)
</body></html>' >
动画边框
横幅滑块
更改背景颜色的按钮
Space Shooter Game – Kaizhelam
同态效果切换 CSS
联系按钮
边框渐变
