CSS Sticky 버튼 div가 IE 11에서 작동하지 않습니다.

Question

div가 끈적 끈적한 div로 만들어야 사용자가 화면을 스크롤 할 때 해당 div의 버튼이 하단에 머물러있게됩니다. 이것은 사용자가 버튼을 클릭하기 위해 완전히 스크롤하지 않아도되도록하기위한 것입니다.

샘플 페이지 :

<div class="form-group sticky-button-thing-not-working-on-ie"> 
    <div class="col-md-offset-2 col-md-10"> 
     <input type="submit" value="Save" class="btn btn-default" /> 
    </div> 
</div> 

CSS 클래스 스티커를 만들 수 (파이어 폭스 작업) :

.sticky-button-thing-not-working-on-ie { 
    position: sticky; 
    bottom: 0; 
    right: 0; 
    background: rgba(0, 211, 211, 0.6); 
} 

버튼을 포함하는 사업부는 여기까지

입니다 https://jsfiddle.net/thunderbolt36/a4yjfg13/

하지만 Internet Explorer 11에서는 작동하지 않습니다.

IE11에서 동일한 코드를 사용하는 방법에 대한 도움이 필요하십니까?

예상 결과 : https://i.imgur.com/bEHXcrG.png

Answer 1

IE11은 position:sticky를 지원하지 않으며 (이 가장자리로 대체되고 있지으로) 것입니다 결코 : Sticky Footer, Five Ways

을하더라도 : see browser support at Can I Use

CSS 트릭은 최근에 도움이 될 수 있습니다 뭔가를 게시 flex 예제는 IE11에서는 작동하지 않지만 Normalizing Cross-browser Flexbox Bugs 코드를 사용하여 조정할 수 있습니다.

Answer 2

sticky은 IE11에서는 작동하지 않지만,이 경우 이전 브라우저와 새로운 브라우저에서 모두 작동하는 fixed을 사용할 수 있습니다.

.sticky-button-thing-not-working-on-ie { 
    position: fixed;       /* added to support older browsers */ 
    position: sticky; 
    bottom: 0; 
    right: 0; 
    background: rgba(0, 211, 211, 0.6); 
} 

그리고 의도 어떻게 그것을 사용하지 이후 실제로, sticky을 놓을 수 있습니다. sticky은 상단 가장자리 아래에 위치 할 때, 그리고 페이지를 아래로 스크롤하면 상단 가장자리에 도달 할 때까지 페이지와 함께 이동합니다. 다시 위로 스크롤 할 때까지 멈추고 머물러 있습니다. 나에게 https://github.com/dollarshaveclub/stickybits

에서 가장 중요한 :

사이드 참고 : IE (및 다른 브라우저)에 대한 position: sticky에 대한 polyfill 인이 가장 잘 StickyBits에 의해 해결 될 수있다 (16)

Answer 3

버전에서 에지 지원 sticky, :

위치 주위에 빌드 된 플러그인이 튀어 나오지 않습니다. 고정 위치는 지원하기 때문에 고정되어 있습니다.

Answer 4

잘