Javascript 如何制作圆滑的旋转木马全屏？

我试图让旋转木马占据整个屏幕，但我所尝试的一切似乎都不起作用

$（'.scroller'）.slick({
点：是的，
无限：是的，
自动播放：对
})

.scroller{
div{
文本对齐：居中；
字体大小：30px；
最大高度：100%；
}
}
.slick prev:：before，.slick next:：before{
颜色：#000；
}
.下一个{
右：-5px；
}
.滑头{
左：-5px；
}

1.
2.
3.

您可以使用JQuery将滚动条的高度动态设置为屏幕的高度：

$(document).ready(function(){
  $('.scroller').css('height', $(window).height() + 'px');
});

在css中

让你的光滑容器

高度：100vh

然后确保：

你的光滑容器的子元素和类。光滑轨道

及

您的幻灯片元素

---

身高：100%

这使得整个屏幕看起来很光滑，但它会被打破。

var elem = document.getElementByClassName("scroller")[0];
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
  elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}