javascript - 滑块表现得很奇怪
问题描述
<div style="position:relative;top:0;left:0;width:100%;height:100%;overflow:hidden;">
<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1366px;height:768px;overflow:hidden;visibility:hidden;">
<!-- Loading Screen -->
<div data-u="loading" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-position:50% 50%;background-repeat:no-repeat;background-image:url('img/puff-x.svg');background-color:rgba(0, 0, 0, 0.7);background-size:20px 20px;"></div>
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1366px;height:768px;overflow:hidden;">
<div data-fillmode="0" data-p="1067">
<img data-u="image" src="images/2109.jpg" />
<div data-to="50% 50%" data-ts="preserve-3d" data-t="0" style="left:-944px;top:376px;width:3000px;height:220px;position:absolute;">
<div data-to="50% 50%" data-t="1" style="left:2200px;top:0px;width:1200px;height:220px;position:absolute;">
<div style="left:0px;top:0px;width:1200px;height:110px;position:absolute;color:#f5f5f5;font-family:'Bebas Neue',cursive;font-size:84px;font-style:italic;line-height:1.2;text-align:left;background-color:rgba(0,0,0,0);">MOUNTAIN IS BIG FOR fghdfdghdfTHIS WORLD</div>
</div>
</div>
</div>
<div data-fillmode="0" data-p="1067">
<img data-u="image" src="images/dark_wallpaper.jpg" />
<div data-to="50% 50%" data-ts="preserve-3d" data-t="2" style="left:-944px;top:376px;width:3000px;height:220px;position:absolute;">
<div data-to="50% 50%" data-t="3" style="left:2200px;top:0px;width:1200px;height:220px;position:absolute;">
<div style="left:0px;top:0px;width:1200px;height:110px;position:absolute;color:#f5f5f5;font-family:'Bebas Neue',cursive;font-size:84px;font-style:italic;line-height:1.2;text-align:left;background-color:rgba(0,0,0,0);">SAD POEPLE ALWAYS BE LONLY</div>
</div>
</div>
</div>
<div data-fillmode="0" style="background-color:#141414;" data-p="1067">
<img data-u="image" src="images/sadge.jpg" />
<div data-to="50% 50%" data-ts="preserve-3d" data-t="4" style="left:-944px;top:376px;width:3000px;height:220px;position:absolute;">
<div data-to="50% 50%" data-t="5" style="left:2200px;top:0px;width:1200px;height:220px;position:absolute;">
<div style="left:0px;top:0px;width:1200px;height:110px;position:absolute;color:#f5f5f5;font-family:'Bebas Neue',cursive;font-size:84px;font-style:italic;line-height:1.2;text-align:left;background-color:rgba(0,0,0,0);">LONLY POEPLE CRY FOR POEPLE</div>
</div>
</div>
</div>
</div><a data-scale="0" href="https://www.jssor.com" style="display:none;position:absolute;">web animation</a>
</div>
</div>
我从 jssor 设计了一个滑块。当我将滑块集成到我的网站时,它的行为非常奇怪。(1366x768) 当我打开页面时,它占据了页面的一半。当我玩弄窗口时,也就是说,当我将它缩小一点时,它会调整到正常大小。
解决方案
推荐阅读
- angular - 如何通过单击 ag-grid 中的按钮获取行数据
- python - 绘制一个填充 10% 的矩形
- excel - 如何在 Excel 中获取时间平均数据?
- android - Fragment 和 RecyclerView errorRecyclerView$ViewHolder.shouldIgnore()
- assembly - 为什么我们需要一个标志来指示零结果?
- ruby-on-rails - 在 Ruby on Rails 中以自定义格式将哈希转换为 csv
- angular - 如何为在其他地方加载的角度应用程序捆绑资产
- java - 当参数在输入中以不同形式存在时拆分字符串
- node.js - 注册回环后获取访问令牌
- angular - angular - 在 div 鼠标悬停时显示或隐藏按钮