[Scroll Magic] IE pin scrolling issues

2019. 12. 30. 16:44Web



336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

https://github.com/janpaepke/ScrollMagic/issues/267

 

https://github.com/janpaepke/ScrollMagic/issues/255

 

https://github.com/janpaepke/ScrollMagic/issues/734

 

고정 섹션이 점프 한다..

setpin에서 점프하는 현상..

http://mistral02.smb-hexagroup.com/

http://agenciaoxigenio.com.br/clientes/viavarejo/pontofrio/itaucard/

 

등등에서 익스플로러 스크롤 시 떨림 현상이 지속 된다..

 

해당 현상은 ScrollMagic.js 파일에서 확인하면 알 수 있듯이

setpin에 해당하는 위치의 style에 top 수치가 0.xx단위로 스크롤 이벤트가 발생할 때마다

변경이 되기 때문인것으로 보인다.

 

ScrollMagic.js에서 해당 수치를 fix하게 갈 수도 있겠지만

내가 만들 페이지에선 top이 고정되면 상관이 없는 것 처럼 보인다.

 

따라서 setpin에 수기 한 ID 또는 CLASS에 하기 내용을

 

top:0px !important;

style에 추가 해 주거나

해당 이벤트 (setpin)이 실행 될 때 클래스에 추가 한다면 해당 떨림 현상은 없어지게 된다.

 

참고로

ScrolMagic URL : 

https://scrollmagic.io

 

ScrolMagic Docs URL

https://scrollmagic.io/docs/ScrollMagic.Scene.html