程序员经验分享-hwhale

如何使react swiper在垂直方向滑动

2023-12-31

我想让主页就像我可以在莫伊莱视图中一次滑动一篇文章一样。我尝试过反应滑动器，但反应滑动器正在水平滑动帖子，我想垂直滑动帖子，知道如何制作吗？


你可以给它方向， 只需像这样添加方向道具

  <Swiper
            // install Swiper modules
            slidesPerView="1"
            mousewheel={true}
            direction="vertical"
            modules={[Pagination]}
            pagination={{ clickable: true }}
            scrollbar={{ draggable: true }}
        >
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS

swiperjs

如何使react swiper在垂直方向滑动 的相关文章

随机推荐

  • 单击锚链接时保持 URL 不受影响

    我已经检查过这里的其他帖子 没有我正在寻找的结果 我想点击 a href about About a div Content of this div 并让它滚动到该元素 而不将 www domain com about 放入地址栏中 作为一

  • SharePoint Foundation 2013 无法安装在 Windows 8.1 或 Windows Server 2012 R2 上

    当我尝试在 Windows Server 2012 r2 上安装 Team Foundation Server 2013 的 SharePoint 扩展时 出现此错误 SharePoint Foundation 2013 无法安装在 Win

  • 进度对话框 UI 冻结/缓慢

    我有一个进度对话框 用于程序中的一部分 在后台执行时间密集型操作 但当显示该对话框时 UI 或微调器图标冻结 缓慢 犹豫 使程序看起来好像冻结了 在我的onPostExecute of my AsyncTask我关闭对话框 既然我在后台完成

  • Jackson InvalidDefinitionException：无法构造实例，因为找不到默认的无参数构造函数

    我有一个使用 Spring Boot 提供 REST 功能的应用程序 我在将 POST 响应反序列化为 POJO 时遇到问题 例外情况如下 org springframework http converter HttpMessageConv

  • 将字段添加到 Woocommerce 注册表单并在管理编辑用户中

    在 WooCommerce 中 我在帐户注册表单中添加了额外的字段 1 ADD FIELDS add action woocommerce register form start add woo account registration f

  • system()的返回值不是执行程序的返回值

    我想执行一个可执行文件 其 main 返回 2 使用system 这就是我所做的 include

  • 无法添加服务引用 - 锁定/只读

    每当我去添加服务引用时 我都会收到错误 无法添加服务引用 Servicereference1 reference 错误 无法签出当前文件 该文件可能是只读的或锁定的 或者您可能需要手动检出该文件 我的项目中已经有一个服务引用 但它以某种方式

  • 如何通过 iPhone 中的 Graph API 在 facebook 上“点赞”和“评论”？

    我正在使用 graph api 显示新闻源 我对以下问题有疑问 我想为每个新闻提要帖子提供 喜欢 功能 我想为每个新闻提要帖子提供 评论 功能 有人可以帮助我如何使用 iphone 中的图形 api 解决这个问题吗 请参考我这里的回答 如何

  • 如何识别ODF文件？

    我需要能够根据文件的内容而不是文件的扩展名来识别给定文件是 ODF 文件 ODF 文件实际上是 zip 容器中 XML 文件的集合 这意味着我无法使用该文件的幻数 因为它只会表明它是一个 zip 文件 所以我真正要问的是是否有任何文件req

  • 如何检测USB键盘是否插入和拔出

    当 USB 键盘从电脑上插入和拔出时 是否有任何守护进程 工具会触发一些信号 事件 我需要在程序中知道 USB 键盘何时插入和拔出 关于如何做到这一点有什么想法吗 udev Linux 设备管理器 是轮询硬件的管理器 当它检测到有关设备的某

  • 带有 Qt::AlignCenter 的 QPainter 无法正确居中文本

    我想做一个相当简单的绘图 在圆的中心写下两段文字 我的代码 painter gt drawText QRectF 0 0 m iSize m iSize Qt AlignCenter m sAlias n m sCode where m i

  • 会话路由#destroy 操作

    我链接到会话控制器的销毁操作 如下所示 路线 rb resources sessions only new create destroy Rails 对上面的链接进行了抱怨 没有路由匹配 action gt destroy controll

  • 使用 Linq 动态添加条件连接

    我有一个基本的搜索控件 它根据下拉列表提供的预定义搜索 过滤条件列出 CRM 中的公司 每个下拉菜单的默认选择是 全部 否则用户将选择特定的项目 我希望能够根据选择动态构建 Linq 查询 在 5 个选择器中 它们提供了我可以与 Compa

  • 使用 MockMvc 测试重定向 URL 的 HTTP 状态代码

    我想使用 MockMvc 在 Spring Boot 应用程序中测试登录过程 成功登录后 用户将被重定向到 home 为了测试这一点 我使用 Test public void testLogin throws Exception Reque

  • 数据结构中的自引用 - 检查相等性

    在我最初尝试创建不相交集数据结构时 我创建了一个Point数据类型与parent指向另一个的指针Point data Point a Point value a parent Point a rank Int 要创建单例集 Point创建它

  • 捕获所有无效 URL

    我最近升级了一个网站 几乎所有 URL 都发生了变化 我已经重定向了所有这些 或者我希望如此 但其中一些可能已经被我忽略了 有没有办法以某种方式捕获所有无效 URL 并将用户发送到某个页面 并以某种方式知道该人来自哪个 URL 以便我可以记

  • 在 TextMate 中，我无法使用 Rails tmbundle 创建部分

    Applications TextMate app Contents SharedSupport Support lib ui rb 355 in to plist An object in the argument tree could

  • PyCharm 能否以正确的顺序显示变量的字段？

    我定义了一个有几个字段的数据类 当我打印它时 它们以正确的顺序显示 def test dataclass class Image width int height int pixels object image Image width 4

  • 多线程感知模式下的 BOOST 库

    可以在所谓的线程感知模式下编译 BOOST 库 如果是这样 您将看到 mt 出现在库名称中 我不明白它给了我什么以及我什么时候需要使用这种模式 它给我带来任何好处吗 更重要的是 我对在无线程感知机制中编译 BOOST Threads 库 名

  • 如何使react swiper在垂直方向滑动

    我想让主页就像我可以在莫伊莱视图中一次滑动一篇文章一样 我尝试过反应滑动器 但反应滑动器正在水平滑动帖子 我想垂直滑动帖子 知道如何制作吗 你可以给它方向 只需像这样添加方向道具

热门标签