使滑块不超过视口高度
Making slider not exceed height of viewport
>我正在使用bxslider(如果需要,可以使用任何空闲滑块),我想让它不超过视口高度。例如,滑块在iPhone/Nexus 5(纵向)上工作正常,但是在横向时,照片的高度更大,您必须滚动才能看到它们。这是因为我在滑块上方有内容,如果要删除它,它将是 100% 的高度并且可以正常工作。
您可以在该站点上看到它 - http://laurakok.openyourpage.com/(注意 - 您必须在触摸设备上,或使用仿真(例如 chrome))。
尝试使用 Slick。
http://kenwheeler.github.io/slick
可以在不同的断点处设置设置。
相关文章:
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 在 ReactJS 中获取视口/窗口高度
- Div 设置为视口高度,即使调整屏幕大小也是如此
- 如果文档高度高于视口,请执行 X
- 跨浏览器:如何根据视口高度调整元素的垂直位置
- 基于视口高度的 CSS
- Openlayers 动态视口宽度和高度分配
- 在动态更改页面高度时将页脚调整在视口底部
- 自动调整Extjs 4.2.1视口内的高度
- 如果在Chrome、Firefox或Safari上没有指定DOCTYPE,有没有办法找到视口's的高度
- 使元素至少达到视口的高度
- 如何根据视口大小调整Div高度
- 基于浏览器视口的内容高度
- 添加'X'视口高度滚动的数量
- & # 39; Media-queries& # 39;对于不同的代码不同的视口高度/宽度
- 我怎样才能让PhantomJS设置视口高度与屏幕捕获的文档高度相同?
- 使用jquery检索移动浏览器中屏幕的视口高度
- 使用ExtJS-4X或javascript获取视口高度
- 使滑块不超过视口高度
- 基于视口高度的动态高度