jQuery固定元素插件scrolltofixed使用指南_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:37:23
jQuery固定元素插件scrolltofixed使用指南_jquery
jQuery固定元素插件scrolltofixed使用指南_jquery:這個插件在前段時間用過一次,當時是改一個網站。要求頂部的菜單欄隨著滾動條的滾動而固定。也大體寫了一下,不過在文章中也只是提了一下,文章地址:jQuery插件固定元素位置。 在這篇文章中,再進行總結一下。 一.scrolltofixed插件功能 固定某個元素的位置
導讀jQuery固定元素插件scrolltofixed使用指南_jquery:這個插件在前段時間用過一次,當時是改一個網站。要求頂部的菜單欄隨著滾動條的滾動而固定。也大體寫了一下,不過在文章中也只是提了一下,文章地址:jQuery插件固定元素位置。 在這篇文章中,再進行總結一下。 一.scrolltofixed插件功能 固定某個元素的位置
這個插件在前段時間用過一次,當時是改一個網站。要求頂部的菜單欄隨著滾動條的滾動而固定。也大體寫了一下,不過在文章中也只是提了一下,文章地址:jQuery插件固定元素位置。 在這篇文章中,再進行總結一下。
一.scrolltofixed插件功能
固定某個元素的位置,在頁面滾動時,元素仍然顯示。
二.scrolltofixed官方地址
https://github.com/bigspotteddog/ScrollToFixed。在官方地址上有使用說明,在下面有插件的屬性方法說明。demo中也有詳細的用例,可以下載下來看下。
三.scrolltofixed使用方法
scrolltofixed插件的使用范圍還是比較廣的,我們可以固定頂部,也可以固定側邊欄,也可以說“固定頁面中任何一個元素”。通過和其它插件的使用,可以得到非常好的效果。如檢測到滾動條到某一位置,顯示某一元素。而在測試用例中,我們將scrolltofixed插件與scrollto插件一起使用,具體效果可以看下面的“測試文件”。
1.引用文件
scrolltofixed插件使用非常簡單,只需要引用兩個js就可以了。一個文件是jquery,一個是scrolltofixed插件所需的js文件。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQuery固定元素插件scrolltofixed使用指南_jquery
jQuery固定元素插件scrolltofixed使用指南_jquery:這個插件在前段時間用過一次,當時是改一個網站。要求頂部的菜單欄隨著滾動條的滾動而固定。也大體寫了一下,不過在文章中也只是提了一下,文章地址:jQuery插件固定元素位置。 在這篇文章中,再進行總結一下。 一.scrolltofixed插件功能 固定某個元素的位置