vue js手機端滑到某乙個位置時固定位置顯示

2022-02-26 04:59:51 字數 1308 閱讀 6679

1、html

<

div

id="searchbar"

>

<

ul class

="items_filter"

:class

="searchbarfixed == true ? 'isfixed' :''"

>

<

li><

span

class

="all"

>綜合

span

>

li>

<

li><

span

class

="all"

>綜合2

span

>

li>

<

li><

span

class

="all"

>綜合3

span

>

li>

<

li><

span

class

="all"

>綜合4

span

>

li>

<

li><

span

class

="all"

>綜合5

span

>

li>

ul>

div>

2、data定義

data() ;

},

3、在mounted鉤子中給window新增乙個滾動滾動監聽事件

mounted() ,
4、然後在方法中,新增handlescroll方法

methods:  else 

// console.log(scrolltop,offsettop)},}

5、新增固定css

.isfixed
6,其他的css 根據自己的需求去完成,寫在  items_filter  裡面即可

最後,在離開頁面是需要銷毀這個監聽事件:

destroyed () ,
圖1為不固定,隨頁面的滑動而滾動

圖2為滑動到一定位置時把篩選條件固定在上面

vue js手機端滑到某乙個位置時固定位置顯示

1 html 2 data定義 data 3 在mounted鉤子中給window新增乙個滾動滾動監聽事件 mounted 4 然後在方法中,新增handlescroll方法 methods else console.log scrolltop,offsettop 5 新增固定css isfixed...

新增某乙個圓角,和某乙個邊框

為所有uiview的繼承類,切割圓角,新增任意邊框 因為這兩個功能未必要同時使用,所以是分開的兩個檔案 圓角 需要 import uiview gfcorner.h 使用 如下 img cornerwithradius 10 direction cornerdirectiontypebottom c...

使用git合併某乙個版本的某乙個分支

使用命名 使用場景 我們有個穩定版本的分支,叫v2.0,另外還有個開發版本的分支v3.0,我們不能直接把兩個分支合併,這樣會導致穩定版本混亂,但是又想增加乙個v3.0中的功能到v2.0中,這裡就可以使用cherry pick了,其實也就是對已經存在的commit 進行再次提交.使用說明 git ch...