diff --git a/f/web-kboss/src/views/homePage/agentStore/contractCase.vue b/f/web-kboss/src/views/homePage/agentStore/contractCase.vue index 1f386c9..1a94752 100644 --- a/f/web-kboss/src/views/homePage/agentStore/contractCase.vue +++ b/f/web-kboss/src/views/homePage/agentStore/contractCase.vue @@ -1,5 +1,5 @@ @@ -247,8 +246,6 @@ export default { data() { return { activeTab: 'scenarios', - isTabsFixed: false, - tabsOriginTop: 0, bannerImg: require('@/assets/image/bgimg.png'), tabs: [ { id: 'scenarios', label: '应用场景' }, @@ -338,7 +335,6 @@ export default { this.$nextTick(() => { const scroller = this.getScrollContainer() this.resetScrollTop(scroller) - this.refreshTabsOrigin() scroller.addEventListener('scroll', this.handlePageScroll, { passive: true }) this.handlePageScroll() }) @@ -356,15 +352,6 @@ export default { } else { scroller.scrollTop = 0 } - this.isTabsFixed = false - }, - refreshTabsOrigin() { - const scroller = this.getScrollContainer() - this.tabsOriginTop = this.getElementTopInScroller(this.$refs.caseTabs, scroller) - }, - getScrollOffset() { - const tabs = this.$el.querySelector('.case-tabs') - return (tabs ? tabs.offsetHeight : 0) + 12 }, getElementTopInScroller(element, scroller) { if (scroller === window) { @@ -380,14 +367,13 @@ export default { const element = this.$el.querySelector(`#${sectionName}`) if (!element) return const scroller = this.getScrollContainer() - const top = this.getElementTopInScroller(element, scroller) - this.getScrollOffset() + const top = this.getElementTopInScroller(element, scroller) scroller.scrollTo({ top, behavior: 'smooth' }) }, handlePageScroll() { const scroller = this.getScrollContainer() const scrollerTop = this.getScrollerTop(scroller) - this.isTabsFixed = scrollerTop >= this.tabsOriginTop - const offsetTop = scrollerTop + this.getScrollOffset() + 24 + const offsetTop = scrollerTop + 24 const currentTab = this.tabs .map(tab => { const element = this.$el.querySelector(`#${tab.id}`) @@ -493,27 +479,12 @@ export default { } .case-tabs { - position: sticky; - top: 0; - z-index: 80; height: 60px; background: #fff; border-bottom: 1px solid #e5e7eb; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); } -.case-tabs.is-fixed { - position: fixed; - top: 0; - left: 0; - right: 0; - width: 100%; -} - -.contract-case-page.has-fixed-tabs .case-main { - padding-top: 60px; -} - .case-tabs .case-container { display: flex; align-items: center; diff --git a/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue b/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue index 8411dcd..911a554 100644 --- a/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue +++ b/f/web-kboss/src/views/homePage/agentStore/decisionCase.vue @@ -1,12 +1,12 @@