diff --git a/src/packages/infiniteloading/demo.taro.tsx b/src/packages/infiniteloading/demo.taro.tsx
index 8d30c4895f..95f102cad5 100644
--- a/src/packages/infiniteloading/demo.taro.tsx
+++ b/src/packages/infiniteloading/demo.taro.tsx
@@ -40,7 +40,10 @@ const InfiniteLoadingDemo = () => {
   return (
     <>
       <Header />
-      <ScrollView className={`demo ${Taro.getEnv() === 'WEB' ? 'web' : ''}`}>
+      <ScrollView
+        className={`demo ${Taro.getEnv() === 'WEB' ? 'web' : ''}`}
+        showScrollbar={false}
+      >
         <View className="h2">{translated['84aa6bce']}</View>
         <Demo1 />
         <View className="h2">{translated.eb4236fe}</View>
diff --git a/src/packages/infiniteloading/infiniteloading.taro.tsx b/src/packages/infiniteloading/infiniteloading.taro.tsx
index 19976be410..13a3547c8a 100644
--- a/src/packages/infiniteloading/infiniteloading.taro.tsx
+++ b/src/packages/infiniteloading/infiniteloading.taro.tsx
@@ -73,7 +73,7 @@ export const InfiniteLoading: FunctionComponent<
   const y = useRef(0)
   const refreshMaxH = useRef(0)
   const distance = useRef(0)
-  const classPrefix = 'nut-infinite'
+
   const classes = classNames(classPrefix, className, `${classPrefix}-${type}`)
 
   useEffect(() => {
@@ -189,20 +189,14 @@ export const InfiniteLoading: FunctionComponent<
       onTouchMove={touchMove}
       onTouchEnd={touchEnd}
     >
-      <View
-        className={`${classPrefix}-top`}
-        ref={refreshTop}
-        style={getStyle()}
-      >
-        <View className={`${classPrefix}-top-tips`}>
+      <View className="nut-infinite-top" ref={refreshTop} style={getStyle()}>
+        <View className="nut-infinite-top-tips">
           {pullingText || locale.infiniteloading.pullRefreshText}
         </View>
       </View>
-      <View className={`${classPrefix}-container`}>{children}</View>
-      <View className={`${classPrefix}-bottom`}>
-        <View className={`${classPrefix}-bottom-tips`}>
-          {getBottomTipsText()}
-        </View>
+      <View className="nut-infinite-container">{children}</View>
+      <View className="nut-infinite-bottom">
+        <View className="nut-infinite-bottom-tips">{getBottomTipsText()}</View>
       </View>
     </ScrollView>
   )