首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当只有一张幻灯片时,有没有办法禁用ngx-swiper-wrapper上的导航?

当只有一张幻灯片时,有没有办法禁用ngx-swiper-wrapper上的导航?
EN

Stack Overflow用户
提问于 2019-06-27 00:51:20
回答 1查看 1.5K关注 0票数 0

我有一个应用程序与多个滑动,幻灯片是由不同的服务器动态生成。如果swiper上只有一张幻灯片,我需要禁用导航和分页(没有子弹或swiper效果)。

我做了一些谷歌搜索,到目前为止,我只找到了Jquery的答案。我不允许使用Jquery,只能使用typescript。我试着用"document.querySelectorAll('.slider').length == 1“创建一个条件,但在DOM上找不到"slider”,所以总是返回0。

EN

回答 1

Stack Overflow用户

发布于 2019-06-27 04:46:47

所以我坚持了两天,终于找到了答案,它就像在swiper配置中添加"watchOverflow: true“一样简单:

代码语言:javascript
复制
 public config: SwiperConfigInterface = {
    slidesPerView: 1.16,
    spaceBetween: 4,
    centeredSlides: true,
    mousewheel: true,
    scrollbar: false,
    navigation: false,
    pagination: true,
    watchOverflow: true
  };
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56777664

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档