vue之粘性定位元件

2021-10-25 15:36:57 字數 2201 閱讀 1244

"">

:class

="classname"

:style=

"">

sticky<

/div>

<

/slot>

<

/div>

<

/div>

<

/template>

export

default

, zindex:

, classname:},

data()

},mounted()

,activated()

,destroyed()

, methods:

this

.position =

'fixed'

this

.active =

true

this

.width =

this

.width +

'px'

this

.issticky =

true},

handlereset()

this

.reset()

},reset()

,handlescroll()

this

.handlereset()

},handleresize()

}}}<

/script>

/**

* 是否粘性定位 元件

*/import sticky from

"./sticky.vue"

;sticky.

install

=function

(vue)

;export

default sticky;

//引入 自定義元件

import sticky from

'@/components/commom/sticky/index.js'

vue.

use(sticky)

="home"

>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

"200"

>

="sticky_demo"

>我是要sticky的<

/li>

<

/sticky>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

我是夏利<

/li>

<

/ul>

<

/div>

<

/template>

export

default;}

, methods:,}

;<

/script>

"scss" scoped>

.home

ul .sticky_demo

<

/style>

css之定位元素

元素的定位是掌握css技術的核心,只有熟練運用元素定位才能用css創造出專業水準的頁面布局。定位元素的技術包括 box model float position 所謂盒模型,就是指每乙個html元素會在頁面上生成乙個盒子,將該元素包圍其中。html元素其實是由一堆的盒子構成的。p.test如上 生成...

定位元素之巢狀iframe

經常會有一些小白們,在編寫python自動化 的時候,遇到定位不到元素的問題。檢查了很多遍 也在網頁上反覆的核實,定位的xpath也是寫對了的,那麼,問題出在 了?這時候就需要考慮是不是有巢狀iframe的問題了。以qq空間網頁版為例,需要定位到頁面上的 賬號密碼登入 driver.find ele...

APP定位元素之UiSelector

1.uiselector 類介紹 功能 通過各種屬性與節點關係定位元件 操作步驟 找到物件 操作物件 2.四中匹配關係的介紹 1 完全匹配 2 包含匹配 3 正則匹配 4 起始匹 例子 完全匹配 應用 uiselector selector new uiselector description 應用...