滑动滑块空白处

2024-01-19

我在使用 Swiper 滑块时遇到一些问题。当我滚动到滑块末尾时,可以看到一些空白区域。

http://take.ms/siqXj http://take.ms/siqXj

swiper = new Swiper(profile_images, {
    slidesPerView: 4,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    observer: true
});

https://jsfiddle.net/x2zu5ett/1/ https://jsfiddle.net/x2zu5ett/1/

更新 解决方案:将“slidesPerView”属性设置为“auto”


您还需要帮助吗?
尝试添加这个:loopFillGroupWithBlank: false,

检查我的:

var swiper2 = new Swiper('.swiper-container2', {
    slidesPerView: 'auto',
    centeredSlides: true,
    spaceBetween: 150,
    speed: 1500,
    loop: true,
    simulateTouch : true,
    loopFillGroupWithBlank: false,
    grabCursor: true,
    //touchStartPreventDefault: false,
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

滑动滑块空白处 的相关文章

  • 如何创建 jQuery 价格滑块

    我一直在尝试寻找教程 但没有成功 我并不是要求任何人为我做这项工作 而是更多地看看是否有人知道任何有用的东西 所以基本上我需要我的滑块具有最小值为零和动态设置的最大值 获取动态值不是问题 0 o 200 所以中间的 o 将是可点击的滑动元素
  • 使用滑块的模糊效果无法正常工作

    我使用滑块对图像进行模糊效果 我正在使用以下代码 let currentFilter CIFilter name CIGaussianBlur let beginImage CIImage image imgImage image curr
  • Swiper spaceBetween 无法正常工作

    我正在尝试使用slidesPerView auto with spaceBetween 20财产 但是Swiper https idangero us swiper api 每个视图仅显示一张幻灯片 我想在第一张幻灯片之后显示下一张幻灯片
  • MATLAB 滑块步进行为

    我使用 MATLAB 2012a 中的 GUIDE 创建了一个滑块小部件 我希望它控制一个显示图像的轴 其中滑块逐步浏览一系列图像 我已在 m 文件的一部分中设置了滑块的 Min Max 和 SliderStep 属性 sliderMin
  • 如何为material.Slider视图创建Binding Adapter?

    我的目标是 2 路数据绑定材质 从我的视图模型到 MutableLiveData 的滑块视图
  • jquery 简单图像滑块 w/ajax

    我有一个页面 上面有很多图像 只想按需加载额外的图像 IE 如果用户单击它或将鼠标悬停在上面 等等 我见过的大多数 如果不是全部 滑块都使用隐藏属性 所有元素都会立即加载 这在我的情况下会造成过度的负担 我喜欢 http nivo dev7
  • 找不到模块:无法解析“swiper/react”

    我在使用最新版本的 Swiper 时也遇到了同样的问题 它在我之前的项目中有效 但现在不起作用 连那个版本都没有 最新版本也试过了 这是我的代码 Import Swiper React components import Swiper Sw
  • 如何在qml中设置自定义滑块的初始值?

    我正在使用 Qt 5 4 1 我制作了一个自定义滑块元素 用于其他 qml 组件 如下所示 Slider qml import QtQuick 2 4 import QtQuick Controls 1 3 import QtQuick C
  • 显示 kivy 滑块值的变化 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我想知道是否可以将 kivy 微调器值显示为移动标签 以便用户确切地知道滑块的当前值是什么 Thanks 您只需将侦听器绑定到值更改事件
  • 如何在CSS中使滑块居中?

    我在主题上安装了这个插件 这个主题有一个滑块 但我不喜欢它 所以我安装了这个 http wordpress org extend plugins content slide http wordpress org extend plugins
  • 在 onDragStop 事件中获取 Material UI Slider 值

    我想触发一个事件onDragStop而不是onChange使用材质 UISlider在我的 React 应用程序中 以便事件触发次数更少 但是 那文档 https mui com material ui react slider表明onDr
  • 带 SwiftUI 的旋钮

    因此 我尝试使用旋钮复制正常的 SwiftUI 滑块功能 我已经对 UI 进行了编码 并且当前已连接到标准 SwiftUI 滑块以便旋转它 现在我需要添加其余的滑块功能 即 value range stride 和触摸功能 即上下左右拖动时
  • 我如何在 Swift 中投射 @Binding

    很快我就可以用 Int doubleVariable 将 Int 转换为 Double 但是如何将 Binding 转换为 Binding 呢 然后我可以将 Binding var intVar Int 传递给需要 Double 绑定的函数
  • 闪亮滑块输入从最大到最小

    是否可以制作一个以降序显示值的 sliderInput 从左到右 例如 5 4 3 2 1 runApp list ui fluidPage sliderInput test min 5 max 1 value 3 step 1 serve
  • 在闪亮的应用程序中使用 sliderInput 为区域着色

    我有一个改编自网络的小示例应用程序 library shiny library shinyWidgets ui lt fluidPage tags br noUiSliderInput inputId noui2 label Slider
  • Matplotlib 依赖滑块

    我想通过选择三角形的权重来选择三角形的一个点 这应该通过控制 2 个滑块来完成 matplotlib widgets Slider 这两个滑块表示定义点的三个权重中的两个 第三个权重很容易计算为1 0 slider1 slider2 现在很
  • 加载 Ng-Repeat 元素后运行的 jQuery Swiper 脚本

    我正在使用 AngularJS jQuery HTML CSS 和 Bootstrap 制作一个 Web 应用程序 我想从位于 Apache2 服务器中的 JSON 中选择一些图像链接 并使用它们在我的主页中呈现这些图像 我还想像在旋转木马
  • 如何使用 Jest 测试 swiper?

    我正在使用 Jest 创建 Swiper 的单元测试 这是我的代码 https codesandbox io s swiper default react forked v0dnz file src App test jsx https c
  • 自定义 JScrollBar-Thumb 被绘制,但不移动

    我决定更深入地研究秋千和自定义绘画组件的材质 过去几天 我在 StackOverFlow 和其他论坛上阅读了大量文章 API 文档和问题 但在理解这个概念时我仍然遇到了一些基本问题 我想要做什么 基本上 我想为我自己的 Swing GUI
  • python 中带有滑块的散点图

    嘿 我正在尝试使用滑块创建一个散点图 当我滑动时该滑块会更新该图 这是我到目前为止的代码 它绘制了一个散点图和一个滑块 但当我移动它时 什么也没有发生 我怀疑问题出在 set ydata有点 但我似乎无法在互联网上找到其他方法 import

随机推荐