设置滚动条位置不对现象解决方案！！！

最新推荐文章于 2023-02-11 11:53:01 发布
最新推荐文章于 2023-02-11 11:53:01 发布
阅读量1.7k 收藏
点赞数
分类专栏： FLEX 文章标签： javascript python c# ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjkilly/article/details/83851768
版权

设置滚动条：this.verticalScrollPosition = this.maxVerticalScrollPosition;

现象第一次设置的时候并没有到底下的位置，第二次才到。

这是因为组件的更新并没有呗发现或者被通知到位，我们在调用这句话的前面加上validateNow()，这句话的意思是重新的验证下组件UICompent都有这个方法，验证后就可以正常的现实到最底下了！

zjkilly
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【前端词典】滚动穿透问题的解决方案.docx
10-26
4. CSS变量和自定义滚动条：利用CSS变量和自定义滚动条样式，可以实现更灵活的控制，避免JavaScript操作带来的性能影响。 综上所述，滚动穿透问题的解决方案多种多样，开发者应根据项目需求和性能要求选择合适的...
做Web网页遇到的些问题&j解决方法
weixin_30563917的博客
10-30 321
1.在做问卷调查的时候，将工号和姓名采用Des加密（其他加密方式也会产生下面的问题），然后使用Reques.QueryString[] 获取传入的参数值，这里就遇到问题了，有些用户点击按钮进去答题界面时报代码错误，定位在解密方法语句块内，开始以为是加密方法的问题，换了种方式，发现还是存在这样的问题。这里采用了比较笨但是直接有效的方法，将Reques.QueryString[] 的值显示出来分析，发...
html如何实现模态框状态下页面可以滚动,弹窗Modal实现和有滚动条偏移解决方法...
weixin_29928971的博客
06-02 1155
弹窗也叫modal(模态)在网页设计中是一个常见的功能。实现方法也不会太复杂，可以通过css实现居中(bootstrap的modal是使用靠上边距来实现)，然后JS控制点击显示和消失。在弹窗中也许你会发现一个问题，就是当页面有滚动条时，点击弹窗可能需要隐藏滚动条，这时内容会变宽，本文来自于江水提供了三种解决方法，收益匪浅，感谢。弹窗的实现原理和方法弹窗通常就是两部分，一部分是半透明的背景遮罩，另一...
Axure学习笔记（五）-点击按钮则页面自动滚动至指定点效果
weixin_48911487的博客
08-19 3129
注：该笔记适用环境：win10+Axure RP 8 1.给每个元件命名 2.设置事件（至此即可以完成基本滚动） 3.让顶部状态栏始终保持，不随滚动而被隐藏 1）将状态栏全部元件选中后右键，选择转换为动态面板-右键-固定到浏览器 2）固定到浏览器的预定位置 4.指定精确的位置进行跳转 放置一个颜色设置透明元件，设定与导航栏同样高度（用来防止内容被固定在页面上的导航栏遮挡），将滚动点更换到此元件 ...
导航栏因滚动条隐藏/显示而产生晃动
qq_29603991的博客
03-11 863
问题：运用antd的Modal对话框开发时，在页面中点击按钮，弹出框出现后，默认给body添加了overflow:hidden;导致页面固定导航栏宽度有所改变，页面发生晃动。 问题截图： 原始样式 点击按钮后： 右边的滚动条消失，顶部导航栏被“拉开”。 而查看知乎的主页却没有上述问题，导航栏不会随滚动条的消失而被拉开。 解决办法：考虑动态给导航栏动态设置宽度，在生命周期中监...
加固定导航栏时，滚动scrollbar定位不准确的问题
weixin_39078894的博客
02-02 1411
scrollbar定位 之前试过用scrollIntoView方法去做滚动定位处理，但是一旦出现固定导航栏的情况就会被遮盖一部分，不能做计算。 document.getElementById('').scrollIntoView({ behavior:'smooth' }); 如下方法正好可以解决此问题，scrollTo方法也可增加滑动动画效果，以及滚动位置的起始点：top，bottom //ID是定位的锚点 let top = document.getElementById(ID).offsetT.
firefox 滚动条消失引起页面抖动的问题
09-25
针对“firefox 滚动条消失引起页面抖动的问题”，上述提供的代码片段提供了一种解决方案： ```css html { height: 100%; margin-bottom: 1px; } ``` 这段代码的目的是通过设置 `html` 元素的高度为 100%，确保...
解决微信小程序中的滚动穿透问题
12-13
解决滚动穿透问题的方法通常分为两种情况，根据蒙层是否包含滚动条： 1. **无滚动条的蒙层**： 在蒙层没有滚动条的情况下，可以通过监听并阻止`touchmove`事件来防止底层内容滚动。在WXML中，可以添加`catch:...
ie6 position:fixed解决方案
09-25
首先隐藏浏览器的垂直滚动条，然后通过 `* html body` 恢复其可见性，并设置 body 的高度为 100%。接着，对于需要固定的元素 `#fixedbox`，将其 `position` 属性设置为 `absolute`。这种方法的优点是代码简洁，但...
kindeditor编辑器点中图片滚动条往上顶的bug
09-03
总的来说，这个bug的出现是因为KindEditor在处理图片点击事件时，计算图片相对于文档顶部位置时出现了误差，导致滚动条位置异常。通过修改源代码中涉及坐标计算的部分，可以临时解决这个问题。然而，对于开源项目，...
jQuery niceScroll滚动条错位问题的解决方法
10-18
下面小编就为大家带来一篇jQuery niceScroll滚动条错位问题的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中导航栏组件从有右滑条的页面切换到没有有滑条的页面长度发生了变化怎么办...
weixin_35755434的博客
01-24 144
在 Vue 中，可以使用 v-bind 指令绑定样式，动态更新组件的长度。可以在组件的 computed 属性中计算出要绑定的样式，并在组件的 template 中使用 v-bind 指令绑定样式。同时，也可以使用 watch 监听组件的数据变化，并在数据变化时更新样式。 例如: computed: { navbarStyle() {return { 'max-he...
vue 实现平滑滚动及导航栏固定偏移问题
weixin_45693257的博客
09-18 2671
一. 实现页面平滑滚动 html： <a class="nav-link active" @click="scrollHome">HOME</a> <home id="home"></home> method： scrollHome () { document.getElementById('home').scrollIntoView({ block: 'start', behavior: 'smooth' }) } 二 . 解决导航栏固定偏移问题 如果
【小程序】滚动到指定位置，支付宝小程序滚动位置不准确
qq_38261819的博客
09-15 1031
今天迁移支付宝小程序发现支付宝的API不完善，目前小程序滚动只能使用pageScrollTo，而支付宝小程序滚动位置只能在选择器和滚动目标位置二选一。
如何解决window.scrollTo当页面滚动条不在最上方时，点击后先立刻回到顶部再滚动到指定位置的问题...
weixin_35750483的博客
02-11 515
如果想在使用 window.scrollTo 方法时，解决页面滚动条先回到顶部再滚动到指定位置的问题，可以使用以下方法： 使用 JavaScript 计算出当前页面滚动条的位置，然后计算出滚动的总距离，最后通过动画的方式实现滚动，从而避免回到顶部的现象。 使用替代方案，例如：scrollIntoView 或 scrollBy。 例如： // 获取当前滚动条位置 var currentScr...
html/jsp页面获取滚动条所在位置(滚动条底部位置获取不准问题解决)
一茗道人 ~~ ~ 阿亮-的博客
04-21 803
一、背景： 页面获取滚动条顶部、底部位置jquery： ①顶部： $(document).scrollTop() == 0 ②底部：$(document).scrollTop() + $(window).height() >= $(document).height() 完整jquery代码： $(window).scroll(function () { if ($(document).scrollTop() == 0) { conso...
vue 设置滚动条位置
最新发布
05-27
您可以使用 `scrollTop` 属性来设置滚动条的位置。例如，如果您想将滚动条位置设置为 100 像素，可以使用以下代码： ```javascript document.documentElement.scrollTop = 100; ``` 这将把滚动条位置设置为文档顶部到视口顶部之间的距离为 100 像素的位置。 如果您使用的是 Vue.js 框架，您可以将滚动条位置绑定到一个数据属性，然后在需要的时候更新数据属性的值。例如： ```html <template> <div class="scrollable" v-bind:scrollTop="scrollPosition"> <!-- Your scrollable content here --> </div> </template> <script> export default { data() { return { scrollPosition: 0 }; } }; </script> ``` 然后，在需要设置滚动条位置的地方，您可以调用以下代码： ```javascript this.scrollPosition = 100; ``` 这将把滚动条位置设置为 100 像素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值