스크롤

Question

친애하는 스택 Oveflowers,

다음 페이지를 참조하시기 바랍니다 발생하지 않는 고정 요소 behing 내용 : 나는 그래서 "주문 세부"상자의 위치를 ​​해결하기 위해 노력하고

https://dogcollars-3.myshopify.com/products/short-sleeve-t-shirt

을 그것은 눈에 띄는 위치에 머무르고 그 뒤에있는 내용은 스크롤됩니다. 이것은 Shopify prebuilt 테마입니다. 다음 추가 CSS를 적용했습니다 :

@media only screen and (min-width: 1000px) { 

    .product-single { 
    width: 70%; 
    height: auto; 
    position: relative; 
    } 

    .order-details { 
    width: 300px; 
    height: auto; 
    padding: 10px; 
    top: 50px; 
    left: 70%; 
    background: rgba(255,255,0,0.2); 
    position: fixed; 
    } 
} 

'주문 세부 정보'요소는 올바르게 배치되었지만 수정되지 않았습니다. 이 요소는이 레이어 뒤의 내용과 함께 스크롤합니다.

오늘 누군가 도와주세요.

미리 감사드립니다.

Answer 1

.page-container에 transform: translate3d 스타일이 문제입니다.

이 스타일에 대해 언급하면 ​​문제가 없어지고 '기타 세부 사항'요소가 수정됩니다. 아래의 바이올린에서 댓글을 달거나 추측 할 수 있습니다.

https://jsfiddle.net/nLbntzqk/

---

편집 :
이제 내가 찾은 더 많은 정보, 더 상세한 설명에 대한 'transform3d' not working with position: fixed children를 참조하십시오.