有没有vant使用indexBar遇到这种问题的

最新推荐文章于 2024-01-23 18:59:53 发布
最新推荐文章于 2024-01-23 18:59:53 发布
阅读量1.3k 收藏 1
点赞数
文章标签： javascript less vue 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luminousqui/article/details/122050405
版权

使用indexBar组件时如果有兄弟元素并且设置了高 高在20到50px之间 就会出现点击索引 上一个索引高亮的bug 不设置高或者不在这个范围的就没有这个bug

luminousqui
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
小程序使用Vant weapp的索引栏IndexBar无法正常跳转至对应锚点且底部异常
01-03
【问题】 小程序使用Vant weapp的索引栏IndexBar组件无法正常跳转至对应锚点，且无变色效果，但滚动正常。 Vant UI库是采用dist文件引入的方式导入。 按官方demo在xx.json引入组件 van-index-bar: ../../dist/index-bar/index, van-index-anchor: ../../dist/index-anchor/index xx.js文件 // 索引字母数组 const indexList = []; const charCodeOfA = 'A'.charCodeAt('0'); for (let
Vant UI的index-bar( 索引栏 )组件中的anchor元素固定定位在Tab( 标签 )组件下失效的原因记录
CSDN_Sviexu的博客
12-09 1839
在用vant ui制作联系人列表的时候,在vant-tab组件下引用vant-index-bar组将, 发现index-anchor会跟随父元素一起滚动, 于是检查了anchor的样式 .van-index-bar__sidebar { position: fixed; top: 50%; right: 0; z-index: 2; display: flex; -webkit-box-orient: vertical; -webkit-box-d
vant-weap 小程序 indexBar索引栏右侧无法点击切换
weixin_43886206的博客
03-02 1948
如题在weap文档上的indexBar是可以点击右侧切换对应索引内容 但是在小程序上无法点击切换, 在网上找了一下发现没有解决这个问题的方法 如此 我就只能看weap小程序源码了 问题所在: 类型不一致 String === Number 在index-bar.js中找到scrollToAnchor函数 scrollToAnchor: function (index) { ...
微信小程序 使用Vant Weapp框架中IndexBar索引栏字母不动问题
紫一的博客
04-09 1563
wxml <view wx:if="{{hasUserInfo}}"> <navbar page-name="页签标题"></navbar> <van-transition custom-class="hellow-block" show="{{ hellowShow }}" name="fade-down"> {{ isNow }}好：{{ userInfo.nickName }}</van-transition> <v
小程序使用Vant weapp的下拉框组件dropdown嵌套索引栏IndexBar无法正常跳转至对应锚点且底部异常
Audrey___的博客
04-28 4625
【问题】 小程序使用Vant weapp的索引栏IndexBar组件无法正常跳转至对应锚点，且无变色效果，但滚动正常。 Vant UI库是采用dist文件引入的方式导入。 按官方demo在xx.json引入组件 "van-index-bar": "../../dist/index-bar/index", "van-index-anchor": "../../dist/index-anchor/...
微信小程序 使用Vant Weapp框架中IndexBar(索引栏)的坑
u014678583的博客
09-14 7695
当van-index-bar 这个组件有wx:if时，不管是在它组件上还是外层包含判断时都会造成索引滚动不了对应的位置，只有去掉wx:if，才可以。这个坑随着你滚动，索引不会跟着修改成当前对应的索引。这个坑真的是太无语了，废话不多说。这个坑我写出来希望帮助更多的人。有什么疑问随时在下方留言，笔者看到会及时回复。列表已经滚动到C了，结果顶部标题栏跟右侧都没有滚动到对应索引上。
vant IndexBar实现的城市列表的示例代码
10-15
主要介绍了vant IndexBar实现的城市列表的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue+vant使用图片预览功能ImagePreview的问题解决
10-15
主要介绍了vue+vant使用图片预览功能ImagePreview的问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序vant-indexBar 无反应解决方法
最新发布
Xc_Wl的博客
01-23 598
如图：点击旁边索引不跳到相对应的字母。
van-index-bar滑动锚点失败_Axure教程：登录滑动拼图验证交互教学
weixin_39898011的博客
11-27 424
滑动拼图是互联网一种新的验证形式，被广泛应用在各种网站的登录、注册、找回密码。用户可以不需要填写复杂的验证码，而是用鼠标去拖动滑块便能通过验证。下面为今日头条的滑动拼图验证，接下来将为大家讲解：一、界面元件搭建(教程为axure 8)首先，需要下面这些元件。热区1和热区2是用来校验小图的位置是否正确，作为左右的重合区间。所有元件的初始位置如下：二、交互事件实现(1)选中动态面板【滑块】，添加【拖动...
使用vant 的tabbar，遇见第一个默认路径的图标，显示高亮不消除，且没办法点的问题
weixin_66720369的博客
05-30 1168
问题描述： 原因：官方给的是route 我们把它改成：完美解决。扣了半天脑壳
vant 索引城市不对_vant IndexBar实现的城市列表
weixin_33869754的博客
12-23 443
在开发中有个需求是一个选择城市的列表，看了看做成三级联动好像不是特别方便 还是做成一整页可以按导航选取的就可以了话不多说开始上码我用的是vant这个ui框架中的IndexBar组件 其实这个组件已经把需要的都弄好了 我们只要处理数据就好了首先需要引入IndexBar组件 这个就不再赘述了 官网写的很清楚点击索引栏时，会自动跳转到对应的IndexAnchor锚点位置...这是vant官方文...
微信小程序 使用vant-weapp中的索引栏右侧点不动，滚定索引失效问题
紫一的博客
04-15 2523
微信小程序 使用vant-weapp中的索引栏右侧点不动，滚定索引失效问题 vant的索引栏只要使用了定位，或者自定义头部，那么vant的索引栏就会出现各种BUG，基本不能用，这里我是基本重新写了一个。 先看一下最终效果图： 以上就是最终效果图，我尝试了各种方法都没办法在原生的基础上解决问题，所以这里我采用的方法是放弃vant自带的索引，全部用自己的思路重新来做一个类似的功能。 wxml <view id='app'> <navbar pageName="管理系统" textSh
小程序自定义组件（结合vant weapp）------Picker
qq1678462746的博客
09-24 2924
*本组件需要配合有赞小程序组件来使用，如未引入，请移步：http://vant-contrib.gitee.io/vant-weapp/#/popup 组件目的 有赞本身的picker组件，需要搭配弹出层使用，单页面使用组件时，需要写弹出层的展示与关闭，数据的变化赋值，相对来说较为麻烦，此自定义组件的目的，在于精简操作。 组件结构 与小程序本身的页面结构无异，分为四个文件 组件后缀 对应作用 .js 组件的逻辑实现，数据的传入传出都在此实现 .json 组件的一些配...
【小程序】Vant-Weapp Radio单选框组件无法触发bind:Change事件
MacwinWin的博客
05-30 3037
基础库: 2.24.4 vant-weapp: 1.10.3 今天在用vant的时候发现一个bug: 与 Cell 组件一起使用时，点击Cell时能触发Click事件，但不能触发Change事件；仅在点击图标时能同时触发Click和Change事件，代码如下 <van-radio-group value="{{ radio }}" bind:change="onChange"> <van-cell-group> <van-cell title="单选框 1" cl
vant组件indexbar索引--做城市列表出现的问题
热门推荐
qq_30424359的博客
07-26 1万+
项目需求正解：点击右边索引对应左边的城市会自动滑到顶部 当点击Z的时候会出现个问题 Z对应的城市没显示出来。如果只给左边城市列表加一个marginbottom的话，此时点击Z会显示对应的城市，但是滑动左边的成列表底部会出现一片空白 最后想到了解决的办法。点击索引加marginbottom，触摸滑动时不加marginbottom。此时问题就解决了（下附代码） ...
小程序实现根据A-Z排序的不同城市索引栏
ddd_0501的博客
10-19 317
实现地址索引栏
vant indexBar如何指定相关元素距离顶部的距离
07-12
对于 Vant 的 IndexBar 组件，你可以使用 `sticky` 属性来指定相关元素距离顶部的距离。将 `sticky` 属性设置为 `true`，相关元素将会在滚动时固定在顶部，距离顶部的距离是根据页面上的其他元素来计算的。 以下是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值