javascript - js滾動條實現思路
PHP中文网
PHP中文网 2017-06-12 09:32:11
0
4
776

沒有找到Vue2.0捲軸插件,我想用JS實作捲軸,在網路上找到了幾個捲軸實現的JS插件。求問哪位大神自己手動寫過滾動條代碼嗎?或有相關的部落格嗎?不需要程式碼,只需要說個基本的實作想法就OK了

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(4)
过去多啦不再A梦

首先結構

<p class="wrapper">//包裹
  <p class="content">
    //内容
 </p>
</p>

css就不講了,我們需要根據內容的高度計算出 滾動條的高度,然後就是保證在滾動事件觸發後內容元素和滾動條的運動。
為了相容 你需要考慮 mousewheel 和 touch 事件,基本上就這麼多吧。

漂亮男人

好久之前寫了一個,可以將就看一下連結描述

阿神

1.不使用js做浮動 物件樣式position:fixed。但沒有懸浮效果。
2.物件js做浮動,物件樣式absolute 。對物件綁定scroll事件,判斷物件位置於視窗頂部距離,可以用scrollTop做移動。好多這類方法,可以從網路找找看

过去多啦不再A梦

jc捲軸插件

自己寫的,可以用,有問題可以再溝通

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!