- 博客(4)
- 收藏
- 关注
RSS订阅原创 实现将元素滚动到用户可见位置
【需求】当用户收到消息时，点击消息可以跳转到列表中消息所在的位置，如下图【实现思路】 当消息6跳转时，路由携带id到列表页（前提是消息6与消息6详情有相同的id）。通过id使得消息6与其详情做匹配，在详情页通过getBoundingClientRect()方法,获取消息6详情的位置后，并通过DOM元素的scrollTo方法使页面滚动到该位置。【实现代码】一、消息6跳转时路由携带id this.$router.push({ path: '/messDetail',
2021-09-01 12:29:35
469
原创 vant 中Tab 标签页使用sticky 粘性布局时,Tab吸顶后下不来或不灵敏的问题
【问题描述】使用vant中的Tab 标签页,当添加sticky 属性时,tab吸顶后不能随滚动条下来或者下来的不灵敏或者响应不及时【问题原因】是由于本人使用的前端框架，在公共样式中把body的样式设置了 overflow: scroll，导致了这个问题。经测试，overflow属性除了visible值可修复该问题外，其他属性均会导致这个问题的存在【解决方法】将overflow: scroll属性去掉，或改为overflow: visible。在需要使用tab标签页的页面中，单独修改body样式。
2021-08-18 15:07:22
5088
原创 element-UI穿梭框Transfer,目标列表数据(右边列表)会随源列表数据(左边列表)的变化而同步变化
【问题描述】element-UI穿梭框Transfer,目标列表数据(右边列表)会随源列表数据(左边列表)的变化而同步变化,【业务场景】综合表单组件,具有自定义筛选条件的基础类穿梭框,每查询一次,源列表数据随查询条件不同而变化,但目标列表数据不能变化,要保留用户已选择到目标列表的数据,除非用户手动将目标列表数据移动到左边源数据中,如下图:【问题定位】左边列表数据不能独立累加,会变化的原因是,Transfer组件中将左边列表数据与右边列表数据做了绑定,只有左边列表存在的数据才能选到右边列表中【
2021-04-28 17:53:58
4519
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人