Slyjquery 滾動條插件
Sly 是一個 JavaScript 庫,用于基于項(xiàng)目導(dǎo)航的高級單向滾動。
它可以用作簡單的滾動條替換,基于項(xiàng)目的高級導(dǎo)航工具,也可以用作視差網(wǎng)站的出色導(dǎo)航和動畫界面。這是通過功能強(qiáng)大且對開發(fā)人員友好的API實(shí)現(xiàn)的,該API提供了一堆非常有用的方法,使您可以控制所有內(nèi)容。
Sly 支持以下導(dǎo)航:
- 鼠標(biāo)滾輪滾動
- 滾動條(拖動手柄或單擊滾動條)
- 頁面欄
- 各種導(dǎo)航按鈕
- 用鼠標(biāo)或觸摸拖動內(nèi)容
- 按項(xiàng)目或頁面自動循環(huán)
- 許多超級有用的方法
性能
Sly具有圍繞動畫計(jì)時接口直接為其需求編寫的自定義高性能動畫渲染。這提供了優(yōu)化的60 FPS渲染,并且仍然可以接受jQuery Easing Plugin 的 easing 功能。
元素的動畫是通過GPU加速的轉(zhuǎn)換轉(zhuǎn)換完成的,GPU轉(zhuǎn)換轉(zhuǎn)換可快速提高支持它的瀏覽器的渲染速度,對于不支持這些瀏覽器的瀏覽器則具有絕對的定位回退。
代碼優(yōu)化可最大程度地減少由于不可避免的 JavaScript 垃圾收集而導(dǎo)致的幀丟失頻率,這些代碼優(yōu)化可將垃圾生成降低到合理的最低水平。
為了在拖動滾動條手柄時提供超級響應(yīng)和流暢的同步,Sly使用由同步因子控制的基于目標(biāo)的動畫功能。
評論
圖片
表情
