# レコード作成時、レコード参照時に一部フィールドをスクロール固定したい

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

<div class="post-metadata">

**Author:** ![kawaatsu](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@kawaatsu](https://community.cybozu.dev/u/kawaatsu)\
**Post date:** [2025 年 1 月 29 日午前 5:16 UTC](https://community.cybozu.dev/t/topic/10024/1 "2025-01-29T05:16:37Z")

</div>

レコード作成時とレコード参照時に一部フィールドを下スクロールした際に固定したいのですが、スクロールしても固定されず悩んでいます。  
フィールド名：  
ルックアップ 日付 曜日 担当 ステータス1 状況 関連レコード一覧1 関連レコード一覧2 リンク・マニュアル 内線番号 内線番号2 進捗状況 内容件数 チェック件数  
大変申し訳ありませんが、ご教示いただけないでしょうか？

```javascript
(function() {
    'use strict';
    kintone.events.on(['app.record.detail.show', 'app.record.edit.show'], function(event) {
        var fixedFields = [
            'ルックアップ', '日付', '曜日',
            '担当', 'ステータス1', '状況',
            '関連レコード一覧1', '関連レコード一覧2', 'リンク・マニュアル',
            '内線番号', '内線番号2', '進捗状況', '内容件数', 'チェック件数'
        ];

        fixedFields.forEach(function(fieldCode) {
            var fieldElement = kintone.app.record.getFieldElement(fieldCode);
            if (fieldElement) {
                var parentElement = fieldElement.closest('.control-field-gaia');
                if (parentElement) {
                    parentElement.style.position = 'relative';
                    parentElement.style.zIndex = '1000';
                    parentElement.style.backgroundColor = '#fff'; // 背景色を設定
                }
                fieldElement.style.position = 'sticky';
                fieldElement.style.top = '0';
                fieldElement.style.zIndex = '1001';
                fieldElement.style.backgroundColor = '#fff'; // 背景色を設定
            }
        });

        return event;
    });
})();

```

---

<div class="post-metadata">

**Author:** ![lemon\_sour](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/lemon_sour/32/1469_2.png) [@lemon\_sour](https://community.cybozu.dev/u/lemon_sour)\
**Post date:** [2025 年 2 月 1 日午後 11:45 UTC](https://community.cybozu.dev/t/topic/10024/2 "2025-02-01T23:45:05Z")

</div>

こんにちわ。  
やりたいことの認識に相違があったら申し訳ないのですが、グループに入れて固定化した方が楽かなと思いました。あとスタイルの調整をちょっと行っています。

```javascript
(function() {
  'use strict';
  kintone.events.on(['app.record.detail.show', 'app.record.edit.show'], function(event) {
      var fieldCode = 'グループ'; // 固定したいグループフィールドコードを設定
          var fieldElement = kintone.app.record.getFieldElement(fieldCode);
          if (fieldElement) {
              var parentElement = fieldElement.closest('.row-gaia');
              if (parentElement) {
                  parentElement.style.position = 'fixed';
                  parentElement.style.zIndex = '1000';
                  parentElement.style.backgroundColor = '#fff'; // 背景色を設定
              }
              fieldElement.style.position = 'sticky';
              fieldElement.style.top = '0';
              fieldElement.style.zIndex = '1001';
              fieldElement.style.backgroundColor = '#fff'; // 背景色を設定
          }
      return event;
  });
})();

```

---

<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:** [2025 年 2 月 4 日午後 11:45 UTC](https://community.cybozu.dev/t/topic/10024/3 "2025-02-04T23:45:40Z")

</div>

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