# モバイル詳細・編集画面のヘッダー部に配置したボタンの固定について

**URL:** <https://community.cybozu.dev/t/topic/8357>\
**Category:** kintone 開発相談\
**Created:** [2023 年 11 月 17 日午前 5:19 UTC](https://community.cybozu.dev/t/topic/8357 "2023-11-17T05:19:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gri\_gri33](https://avatars.discourse-cdn.com/v4/letter/g/3bc359/32.png) [@gri\_gri33](https://community.cybozu.dev/u/gri_gri33)\
**Post date:** [2023 年 11 月 17 日午前 5:19 UTC](https://community.cybozu.dev/t/topic/8357/1 "2023-11-17T05:19:29Z")

</div>

モバイル詳細・編集画面にタブを目的としたボタンを配置しました。  
下へスクロールすると、見えなくなる為、ヘッダーを固定させたいです。  
どのようなコードで実現できるのでしょうか？

.gaia-mobile-v2-ui-tabview-tabbar,  
.kintone-mobile-app-header-space {  
position: sticky;  
position: -webkit-sticky;  
top: 0;  
z-index: 120;  
/\* 任意のスタイリングを追加 \*/  
}

上記コードの場合、ヘッダー部分のみ固定されます。

【イメージ(モバイル画面)】  
ヘッダー部分  
内容 コメント 変更履歴  
--------------固定-----------------------

---

<div class="post-metadata">

**Author:** ![akika](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@akika](https://community.cybozu.dev/u/akika)\
**Post date:** [2023 年 11 月 17 日午後 10:00 UTC](https://community.cybozu.dev/t/topic/8357/2 "2023-11-17T22:00:39Z")

</div>

次のコメントは参考になるかと思います。  
[モバイル詳細画面のヘッダー部に配置したボタンの固定について](https://community.cybozu.dev/t/topic/4948)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 11 月 29 日午前 4:34 UTC](https://community.cybozu.dev/t/topic/8357/3 "2023-11-29T04:34:33Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。