blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat: migrate Sticky component

Browse Source
This commit is contained in:
chenjiahan 2020-07-26 15:16:18 +08:00
parent 01c7409e6e
commit 4ad0c396ef
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/sticky/index.js
View File

@ -1,6 +1,6 @@
import { isHidden } from '../utils/dom/style'; import { isHidden } from '../utils/dom/style';
import { unitToPx } from '../utils/format/unit'; import { unitToPx } from '../utils/format/unit';
import { createNamespace, isDef, isServer } from '../utils'; import { createNamespace, isDef, inBrowser } from '../utils';
import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll'; import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll';
import { BindEventMixin } from '../mixins/bind-event'; import { BindEventMixin } from '../mixins/bind-event';
@ -32,6 +32,8 @@ export default createComponent({
}, },
}, },
emits: ['scroll'],
data() { data() {
return { return {
fixed: false, fixed: false,
@ -70,7 +72,7 @@ export default createComponent({
created() { created() {
// compatibility: https://caniuse.com/#feat=intersectionobserver // compatibility: https://caniuse.com/#feat=intersectionobserver
if (!isServer && window.IntersectionObserver) { if (inBrowser && window.IntersectionObserver) {
this.observer = new IntersectionObserver( this.observer = new IntersectionObserver(
(entries) => { (entries) => {
// trigger scroll when visibility changed // trigger scroll when visibility changed
@ -141,7 +143,7 @@ export default createComponent({
return ( return (
<div style={style}> <div style={style}>
<div class={bem({ fixed })} style={this.style}> <div class={bem({ fixed })} style={this.style}>
{this.slots()} {this.$slots.default?.()}
</div> </div>
</div> </div>
); );