Wordpress Twenty Seventeen 앞 페이지 섹션 스크롤 효과가 모바일에서 작동하지 않음

Wordpress Twenty Seventeen 앞 페이지 섹션 스크롤 효과가 모바일에서 작동하지 않음

저는 워드프레스 사이트를 가지고 있고, Twenty Seventeen 테마를 사용하여, 이 데모와 같이 앞 페이지 섹션의 스크롤 기능을 좋아합니다.

https://2017.wordpress.net/

지금은 그 스크롤 기능을 모바일에서 작동시키기 위해 노력하고 있지만 CSS를 살펴봤을 때 이것을 발견했습니다.

.background-fixed .panel-image {
    
   background-attachment: fixed;
}

하지만 모바일에서는 배경 부착이 잘 되지 않는다는 것을 알고 있습니다.제가 온라인에서 찾고 시도한 모든 것이 작동하지 않습니다. 주변의 일을 아는 사람이 있습니까?

당신은 당신의 style.css 파일에 css 위에 적어야 합니다.스크롤이 아닌 배경 이미지를 고정해야 합니다.

.panel-image {
   background-attachment: fixed;
}

다음과 같은 미디어 쿼리를 사용하여 ".panel-image" 클래스에 대해서만 선택합니다.

@media screen and (max-width: 768px) {
  .panel-image {
    background-attachment: fixed;
  }
}

배경 스크롤을 만들려면 배경 첨부 파일 속성을 고정으로 설정합니다.

.background-fixed .panel-image {
   background-attachment: fixed;
 }

모바일에서 작동하려면 미디어 쿼리에서 CSS 위에 올려놓거나 아래 코드를 당신의 스타일로 복사해서 붙여넣어야 합니다.css.

@media screen and (max-width: 768px){
.background-fixed .panel-image {
   background-attachment: fixed;
 }
} 

테마가 바탕 화면에서만 활성화되었기 때문에 모바일에서 작동하지 않습니다.모바일에서 작업하려면 다음 사용자 지정 CSS를 추가합니다.

.background-fixed .panel-image {
    background-attachment: fixed;
}

이런 식으로, 모든 중단점에 그 효과가 적용됩니다.

언급URL : https://stackoverflow.com/questions/45867063/wordpress-twenty-seventeen-front-page-sections-scroll-effect-not-working-on-mobi