插件-全屏滚动

插件-全屏滚动(适用版本 PC 基础标准版**** PC 营销版手机基础版**********标准版手机营销版)**

案例地址 http://education-109.view.websiteonline.cn 可以自由设定滚屏个数,每屏还支持单独添加文本、图片等模块。滚屏管理支持鼠标拖动调整顺序。 支持设置是否显示导航(右侧小圆点),导航颜色,导航标题颜色 支持设置是否自动滚屏,滚屏时间间隔。 支持鼠标滚轮切换滚屏,键盘上下键头切换滚屏 注:营销版可用,使用此插件请注意页面属性设置取消显示页脚

1688544225620554.png

点击设置 可以添加新的图片

1688544125670857.png

支持 设置 缩放效果、导航颜色标题颜色、自动滚屏等

1678326709347301.png

全屏滚动 A.图片显示逻辑: 1.图片使用自适应缩放,保证图片在逐个大小不同浏览设备显示不会变形。 2.图片也有高宽不等,那么当图片W>H时,以W作为参照,H自动,并根据浏览设备大小缩小或放大显示图片。 那么当图片W<H时,以H作为参照,W自动,并根据浏览设备大小缩小或放大显示图片。 3.由于图片适应缩放原理,使全屏图片在各浏览设备显示可以会不尽相同,但保证图片会显示最佳效果,不会变形。 B.内容显示逻辑: 1.如果浏览设备小于这个高度 其它模块可以通过滚动条来显示 但全屏插件 做的时候禁用了滚动条 所以才叫全屏的, 那当浏览设备小于显示所有模块内容的高度或宽度位置时,显示不了全部内容时, 超出浏览设备显示范围部分自然要隐藏。 2.全屏滚动拖入一个页面中,全屏滚动就会浮在页面上。如果内容要显示必须聚焦到全屏滚动每一屏。这样切屏时分别显示不同内容。 C.支持逻辑: 不支持通栏固定显示:全屏滚动是以切屏形式显示每屏内容。不存在那一屏内容在每一屏都有,除非每一屏都加入相同内容。再者两者结构一样,不支持相互包含,包含后无法找到DOM节点. 不支持通栏拖入:两者结构一样,不支持相互包含,包含后

缩放效果设置