我有一個可滾動滑塊，我已將背景線性效果放入制作::after它的父標簽中overflow:scroll，但是當我向左滾動時，背景顏色隨內容移動。我希望它固定在正確的位置。讓我展示示例代碼：.coursesSection--slider {  display: flex;  overflow: auto;  position: relative;}.coursesSection--slider::after {  content: '';  background-image: linear-gradient(to right, transparent 95%, #fff 100%);  width: 100%;  height: 100%;  position: absolute;  right: 0;  top: 0;}.courseCard {  flex: 0 0 auto;  width: 100px;  height: 100px;  background-color: red;  margin-right: 10px;}<div class="coursesSection--slider">  <div class="courseCard"></div>  <div class="courseCard"></div>  <div class="courseCard"></div>  <div class="courseCard"></div>  <div class="courseCard"></div>  <div class="courseCard"></div>  <div class="courseCard"></div>  <div class="courseCard"></div></div>看到背景線性效果，當你向左滾動時，它會移動，我想只修復該部分（父 html 標簽）。讓我告訴你一件重要的事情，我在頂部和底部都有內容，所以我不能給它positon: fixed;，它會破壞它，并且不會完美運行。請幫我