Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > 让页面元素浮动位置不变：sticky-elements_html/css_WEB-ITnose

让页面元素浮动位置不变：sticky-elements_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-21 09:14:59

Original

1316 Leute haben es durchsucht

sticky-elements是jquery固定位置或粘性元素插件，它可以轻松让你的div保持在你想要的位置，可以使其永远保持在视窗内，粘性div可以设置动画效果显示。 View Demo How to use

<script type="text/javascript" src="../js/jquery.js"></script><script type="text/javascript" src="../js/jquery.sticky.elements.js"></script><script type="text/javascript">    $("#grid5").stikify({rate: 3.4, cieling: -100});</script>

Nach dem Login kopieren

just include jQuery, our stiky element plugin & you have juststikifiedit!

$("#grid4").stikify({floor: 100, rate: 1.6, cieling: -100, trans: true, rate: 3.4});

Nach dem Login kopieren

means:

The gridid - grid4will not go below 100px height, above -100px height, will get transparent with scroll. Itsscroll-ratewill be3.4times normal scroll!

项目主页：http://www.open-open.com/lib/view/home/1426488567054

Verwandte Etiketten：

让页面元素浮动位置不变：sticky-elements

Quelle：php.cn

Vorheriger Artikel：css修改输入框的placeholder颜色_html/css_WEB-ITnose Nächster Artikel：使用grunt对css中的background图片自动生成雪碧图_html/css_WEB-ITnose

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors