-
2020-01-01 00:00
- 20
- 0
问题描述
js根据滚动条设置dom的left值会一卡一卡的，这种怎么优化？
问题出现的环境背景及自己尝试过哪些方法
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
let dom = this.$refs.scrollBox;
if (dom.scrollTop == this.scrollBox.scrollTop) {
if (dom.scrollLeft <= 0) {
document.getElementById("fixed-table").style.left = "0";
} else {
console.log(dom.scrollLeft);
// if (this.scrollTimer != "") {
// clearTimeout(this.scrollTimer);
// }
// this.scrollTimer = setTimeout(() => {
// $("#fixed-table").animate({ left:dom.scrollLeft + "px" });
// }, 10);
}} else {
this.scrollBox.scrollTop = dom.scrollTop;}
你期待的结果是什么？实际看到的错误信息又是什么？
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
孤单哑剧 普通会员 1楼
这可能是由于浏览器的滚动事件处理机制造成的。在JavaScript中，当用户滚动页面时，会触发滚动事件。这个事件包含一个滚动位置的属性（通常是"scrollLeft"），这个属性的值会随着页面的滚动而变化。
如果您的JavaScript代码尝试在页面滚动时获取"scrollLeft"的值，但没有正确处理这个事件，可能会导致一个"DOM is not yet loaded"的错误。这可能是由于"window"对象在滚动事件触发之前还没有被加载。
要解决这个问题，您可以在JavaScript代码中添加一个事件监听器，以便在页面滚动时获取"scrollLeft"的值。然后，您可以使用这个值来设置DOM的left值。
以下是一个示例：
javascript window.addEventListener('scroll', function() { var scrollLeft = window.scrollLeft; // 使用scrollLeft的值设置DOM的left值 });请注意，这个示例假设"window.scrollLeft"的值在每次滚动时都会发生变化。如果"scrollLeft"的值不随滚动事件的变化而变化，那么这个示例可能无法正确工作。在这种情况下，您可能需要使用其他方法来获取"scrollLeft"的值，例如使用定时器或JavaScript的定时器API。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部