Javascript 离子骨架中的标签
我目前面临一些与离子标签和浮动标签概念相关的问题 目前正在使用爱奥尼亚框架。我正在构建一个移动应用程序，我希望标签在页面滚动到标签所在位置后，固定在标题下方。我在ion内容中保留了ion标签 在获得滚动位置后，我添加了一个类“fixed”。 当它添加类fixed时，背景变为白色（没有可见的内容），选项卡被隐藏，而不是固定在标题下面的位置Javascript 离子骨架中的标签,javascript,html,css,ionic-framework,controller,Javascript,Html,Css,Ionic Framework,Controller,我目前面临一些与离子标签和浮动标签概念相关的问题 目前正在使用爱奥尼亚框架。我正在构建一个移动应用程序，我希望标签在页面滚动到标签所在位置后，固定在标题下方。我在ion内容中保留了ion标签 在获得滚动位置后，我添加了一个类“fixed”。 当它添加类fixed时，背景变为白色（没有可见的内容），选项卡被隐藏，而不是固定在标题下面的位置 $scope.onScroll=function（）{ var scrollWidth=$（.bar.height（）+$（.maincontent.heigh
$scope.onScroll=function（）{
var scrollWidth=$（.bar.height（）+$（.maincontent.height（）；console.log（$ionicScrollDelegate.getScrollPosition（））；console.log（scrollWidth）；
if（parseInt（$ionicScrollDelegate.getScrollPosition（）.top）>scrollWidth）{
$（'ion-tabs'）.addClass（'fixed'）；
}否则{
$（'ion-tabs'）。removeClass（'fixed'）；
}
};
。已修复{
左：0；
顶部：44px；
位置：固定；
z指数：100；
宽度：100%；
}
我一直在使用ionic.css文件，我找到了一个固定选项卡的解决方案，但正如我所说，您必须编辑ionic.css文件 您必须编辑以下内容：
.tabs-top.tabs-striped
{
填充底部：0；
位置：固定；
z指数：9999
}
.tabs-top>.tabs、.tabs.tabs-top
{
顶部：44px；
填充顶部：0；
背景位置：底部；
边框顶部宽度：0；
边框底宽：1px；
位置：固定；
z指数：9999
}
.bar标题
{
排名：0；
边框顶部宽度：0；
边框底宽：1px；
位置：固定；
z指数：9999
}