整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
两句css代码实现全屏滚动效果
<body>
<div class="container">
<section>
<h3>第一屏内容</h3>
<p>
在父容器上使用scroll-snap-type 属性 <br>
第一个参数y 是y轴捕捉位置 <br>
mandatory 超过距离则自动滚动到下一个容器 <br>
scroll-snap-type:y mandatory <br>
在需要滚动的容器上使用 scroll-snap-align 属性 <br>
start 开始部分 end 结束部分 center 中间部分 <br>
scroll-snap-align:start; <br>
</p>
</section>
<section>
<h3>第二屏内容</h3>
<p>
在父容器上使用scroll-snap-type 属性 <br>
第一个参数y 是y轴捕捉位置 <br>
mandatory 超过距离则自动滚动到下一个容器 <br>
scroll-snap-type :y mandatory <br>
在需要滚动的容器上使用 scroll-snap-align 属性 <br>
start 开始部分 end 结束部分 center 中间部分 <br>
scroll-snap-align:start; <br>
</p>
</section>
<section>
<h3>第三屏内容</h3>
<p>
在父容器上使用scroll-snap-type 属性 <br>
第一个参数y 是y轴捕捉位置 <br>
mandatory 超过距离则自动滚动到下一个容器 <br>
scroll-snap-type :y mandatory <br>
在需要滚动的容器上使用 scroll-snap-align 属性 <br>
start 开始部分 end 结束部分 center 中间部分 <br>
scroll-snap-align:start; <br>
</p>
</section>
</div>
</body>3C制定了关于在HTML5中全屏的API但是只能由用户事件触发，所以不能自动全屏；用户事件触发方法如下：
必须用户事件触发（可以是鼠标事件，键盘事件等）
全屏样式CSS
各种浏览器都提供了一个非常有用的全屏模式时的css样式规则：
另外某些浏览器可以通过meta直接设置全屏
天主要实现一个网页相当于按键盘F11按键全屏后的功能效果，还有锁屏界面展示效果！
具体效果图如下：
点击网页中的“全屏”，“锁屏”按钮即可操作
全屏后的效果
锁屏的展示界面
实现代码如下：
html:
css:
js:
*请认真填写需求信息，我们会在24小时内与您取得联系。
