Skrollr cutoff on iPad

前端 未结 1 1611
攒了一身酷
攒了一身酷 2021-01-16 11:06

I am using Skrollr plugin and it\'s working fine on desktop. On iPad though, the height of my document is cutoff. I have tried to remove all skrollr data attributes, but the

相关标签:
1条回答
  • 2021-01-16 11:32

    I had this issue, too, but I fixed it by adding an empty data-top and data-bottom to the #skrollr-body div. (Though depending on how strict your HTML cleaners are, you may need to add data-top="" or data-bottom="")

    <body>
       <div id="skrollr-body" data-top data-bottom>
           Your content here.
       </div>
    </body>
    

    I'm still looking into the explanation of why this fix works, but I believe it has something to do with setting keyframes. By making sure your #skrollr-body has keyframes for top and bottom, it ensures both are seen in the viewport.

    More details here: https://github.com/Prinzhorn/skrollr/issues/576

    0 讨论(0)
提交回复
热议问题