ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 18:54:24 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(IndexBar): incorrect anchor position when anchor doesn't have a parent node (#5429)

Browse Source
This commit is contained in:
neverland
2019-12-30 21:46:53 +08:00
committed by GitHub
parent 3a4983b250
commit a154e0683a
4 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/index-bar/index.js
View File

@@ -19,7 +19,7 @@ export default createComponent({
mixins: [
TouchMixin,
ParentMixin('vanIndexBar'),
BindEventMixin(function (bind) {
BindEventMixin(function(bind) {
if (!this.scroller) {
this.scroller = getScrollEventTarget(this.$el);
}
@@ -102,28 +102,27 @@ export default createComponent({
this.activeAnchorIndex = this.indexList[active];
if (this.sticky) {
let activeItemTop = 0;
let isReachEdge = false;
if (active !== -1) {
activeItemTop = rects[active].top - scrollTop - this.stickyOffsetTop;
isReachEdge = activeItemTop <= 0;
}
this.children.forEach((item, index) => {
if (index === active || index === active - 1) {
const rect = item.$el.getBoundingClientRect();
item.left = rect.left;
item.width = rect.width;
} else {
item.left = null;
item.width = null;
}
if (index === active) {
item.active = true;
item.position = isReachEdge ? 'fixed' : 'relative';
item.top = isReachEdge
? this.stickyOffsetTop + scrollerRect.top
: 0;
item.top =
Math.max(this.stickyOffsetTop, rects[index].top - scrollTop) +
scrollerRect.top;
} else if (index === active - 1) {
item.active = !isReachEdge;
item.position = 'relative';
item.top = item.$el.parentElement.offsetHeight - item.height;
const activeItemTop = rects[active].top - scrollTop;
item.active = activeItemTop > 0;
item.top = activeItemTop + scrollerRect.top - item.height;
} else {
item.active = false;
item.position = 'static';
}
});
}
@@ -133,7 +132,7 @@ export default createComponent({
const { scroller } = this;
let scrollerRect = {
top: 0,
left: 0,
left: 0
};
if (scroller.getBoundingClientRect) {