Tabs 标签不会固定在离子内离子含量中
我一直在尝试将离子标签固定在离子内容中,但这几乎不可能。那么,有没有办法让标签固定在爱奥尼亚的可查看内容中呢Tabs 标签不会固定在离子内离子含量中,tabs,fixed,ionic,Tabs,Fixed,Ionic,我一直在尝试将离子标签固定在离子内容中,但这几乎不可能。那么,有没有办法让标签固定在爱奥尼亚的可查看内容中呢 $(“离子内容”)。滚动(函数(){ var scrollWidth=$(“.main content”).height()-$(“.header bar”).height(); if(parseInt($(this).scrollTop())>scrollWidth){ $(“#fixedAboutTabs”).addClass(“fixed”); }); } 否则{ $(“#fix
$(“离子内容”)。滚动(函数(){
var scrollWidth=$(“.main content”).height()-$(“.header bar”).height();
if(parseInt($(this).scrollTop())>scrollWidth){
$(“#fixedAboutTabs”).addClass(“fixed”);
});
}
否则{
$(“#fixedAboutTabs”).removeClass(“fixed”);
});代码>
。已修复{
左:0;
顶部:44px;
位置:固定;
z指数:100;
宽度:100%;
}
{{product.productName}
//这里有一些内容
//自定义选项卡(要使此选项卡固定在标题栏下方)
将待固定内容放入
表1
表2
欢迎来到Stackoverflow。共享您尝试过的代码片段。@Daenarys我现在添加了一些代码片段。。检查你现在是否能帮我你想要页脚标签还是页眉标签?那个代码片段并没有给出确切的想法。
<ion-content>
<div slot="fixed">
<ion-tabs #tabs tabsPlacement="top">
<ion-tab-bar slot="top" tabsHighlight="true">
<ion-tab-button tab="tab1">
<ion-label>Tab1</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab2">
<ion-label>Tab2</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
</div>
</ion-content>