diff --git a/docs/zh-CN/components/list.md b/docs/zh-CN/components/list.md
index 087cc6a427d..7ef4abc3851 100755
--- a/docs/zh-CN/components/list.md
+++ b/docs/zh-CN/components/list.md
@@ -416,7 +416,6 @@ order: 56
     "type": "list",
     "source": "$rows",
     "showIndexBar": true,
-    "indexBarOffset": 60,
     "listItem": {
       "title": "${name}",
       "subTitle": "${title}",
diff --git a/packages/amis-editor/src/plugin/List.tsx b/packages/amis-editor/src/plugin/List.tsx
index 5b6d1bf3c53..2fe63b06010 100644
--- a/packages/amis-editor/src/plugin/List.tsx
+++ b/packages/amis-editor/src/plugin/List.tsx
@@ -46,7 +46,7 @@ export class ListPlugin extends BasePlugin {
   scaffold = {
     type: 'list',
     showIndexBar: false,
-    indexBarOffset: 60,
+    indexBarOffset: 0,
     listItem: {
       body: [
         {
@@ -177,7 +177,7 @@ export class ListPlugin extends BasePlugin {
                       type: 'input-number',
                       name: 'indexBarOffset',
                       label: '顶部偏移量',
-                      value: 60,
+                      value: 0,
                       min: 0,
                       max: 200,
                       unit: 'px',
diff --git a/packages/amis/src/renderers/List.tsx b/packages/amis/src/renderers/List.tsx
index fc1fd4d18f8..b172de6e951 100644
--- a/packages/amis/src/renderers/List.tsx
+++ b/packages/amis/src/renderers/List.tsx
@@ -331,8 +331,7 @@ export default class List extends React.Component<
     selectable: false,
     headerClassName: '',
     footerClassName: '',
-    affixHeader: true,
-    indexBarOffset: 0
+    affixHeader: true
   };
 
   dragTip?: HTMLElement;
@@ -1686,7 +1685,6 @@ export class ListItem extends React.Component<ListItemProps> {
     const title = filter(titleTpl, data);
     const subTitle = filter(subTitleTpl, data);
     const desc = filter(descTpl, data);
-
     return (
       <div
         data-index={itemIndex}
@@ -1698,7 +1696,12 @@ export class ListItem extends React.Component<ListItemProps> {
           },
           className
         )}
-        style={{scrollMarginTop: `${indexBarOffset}px`}}
+        style={{
+          scrollMarginTop:
+            indexBarOffset !== undefined
+              ? `${indexBarOffset}px`
+              : 'var(--affix-offset-top)'
+        }}
       >
         {this.renderLeft()}
         {this.renderRight()}