diff --git a/core/src/components/refresher/refresher.tsx b/core/src/components/refresher/refresher.tsx
index 470175100a..2bcc786675 100644
--- a/core/src/components/refresher/refresher.tsx
+++ b/core/src/components/refresher/refresher.tsx
@@ -760,6 +760,7 @@ export class Refresher implements ComponentInterface {
         scrollStyle.transitionDuration = duration;
         scrollStyle.transitionDelay = backgroundStyle.transitionDelay = delay;
         scrollStyle.overflow = overflowVisible ? 'hidden' : '';
+        this.el.style.setProperty('clip-path', `polygon(0 0, 100% 0, 100% ${y}%, 0 ${y}%)`);
       }
 
       /**