Vuejs滚动高度返回0
Vue.js是一种流行的JavaScript框架，用于构建用户界面。它采用了响应式的数据绑定和组件化的开发方式，使得开发者可以更高效地构建交互式的Web应用程序。
关于Vue.js中滚动高度返回0的问题，可能有以下几种原因和解决方法：
- 元素未正确绑定滚动事件：Vue.js中可以使用
@scroll指令来绑定滚动事件，确保元素正确绑定了滚动事件。 - 元素没有设置高度或溢出：如果元素没有设置固定的高度或溢出属性，滚动高度可能会返回0。确保元素设置了适当的高度，并且内容溢出时可以滚动。
- 滚动事件触发时机不正确：滚动事件的触发时机可能会导致滚动高度返回0。可以尝试在Vue的
mounted生命周期钩子函数中绑定滚动事件，确保在元素加载完成后再进行滚动高度的获取。 - 使用Vue的
$refs获取元素：Vue.js提供了$refs属性来获取组件或元素的引用。可以尝试使用$refs来获取滚动元素的引用，然后通过引用来获取滚动高度。
总结起来，解决滚动高度返回0的问题需要确保元素正确绑定了滚动事件，设置了适当的高度和溢出属性，并在正确的时机获取滚动高度。以下是一些相关的腾讯云产品和链接：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和管理大量非结构化数据。链接：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。链接：https://cloud.tencent.com/product/cdb_mysql
请注意，以上仅为示例产品，实际选择产品时需根据具体需求进行评估和选择。
相关·内容
2回答
我正在使用带有codeigniter的vuejs2。},created() {},
}); 我试图获得用户滚动到的y轴上的位置，但一直得到0。
浏览 26提问于2019-05-21得票数 0
回答已采纳
2回答
我在一个vueJs页面上工作。有几个表格可以水平滚动。此表使页面的高度大于视口的高度。我可以滚动水平表和滚动垂直页面没有bug。但在iPhone中，如果触摸桌面，我不能滚动垂直页面(其他部分滚动良好)。
浏览 7提问于2017-08-08得票数 0
我的卡元素的固定高度为h-80 (以尾风表示)。通常我会在网格中使用这张卡。完全高度以查看缺少什么内容：
我使用VueJS作为框架，这是我的卡组件：
<div class="w-full overflow-hidden h-full
浏览 2提问于2021-10-15得票数 0
回答已采纳
我试图使用postMessage API将页面的高度从iframe发送到父页面。这样做的想法是，当iframed页面的总页面高度发生变化时，它会将该高度发送给父页面。尝试发送较小的高度只会发送以前的最高高度，即使原始页的高度要低得多。
我认为这可能是因为页面所在的iframe正在影响起始页的高度。因此，这可能实际上有一个CSS相关的解决方案？此父页面包含一个iframe，它包含一个可以使用我添加的两个按钮增加和降低其自身高度的页。另外，第三个按钮获取页
浏览 4提问于2014-05-21得票数 1
回答已采纳
我在我的Vuejs应用程序中使用顺风。我有一个简单的模板 <template> <Header /><!组件<header>的顺风高度为h-32 问题是第二个div导致页面在底部滚动，即<header>的高度(h-32)。我想做的是 如果没有内容，我希望第二个div填充屏幕的剩余高度，但不会超过这个高度。如果有内
浏览 18提问于2020-08-14得票数 3
回答已采纳
当用户向下滚动时，文本应该变得可见，因为它从页面的一侧向两个方向转换，并且不会移动到容器内的中心位置(0,0)。Stipulations/Dependencies:
给定最大滚动高度和用户的视口高度。当滚动高度为0时，元素最初应该定位在屏幕的最左边或最右侧。当用户向下滚动时，元素将返回(0,0)的中心位置。此动画以页面结束时的最大滚动<
浏览 3提问于2021-01-18得票数 0
回答已采纳
如何获取RadGrid的滚动高度？这将返回网格的完整高度(本例中为400px)
我试过了：HiddenField.Value = rGVDELTaskLog
浏览 20提问于2016-07-29得票数 0
回答已采纳
1回答
当用户向下滚动时，我尝试将sticky类添加到navbar中，并在用户滚动到顶部时删除该类。 }但是我发现了一个错误：event.height() is not a function
如何确定滚动的高度
浏览 0提问于2018-10-06得票数 0
回答已采纳
2回答
我目前正在使用Vuejs和路由到其他页面。对于我的照片链接，我想要一个主要封面照片，涵盖整个屏幕。#fff no-repeat center center; height: 100vh;这会以我想要的方式显示页面，但是当我从以前滚动过的页面被路由到这个页面时我相信这个问题与高度:100 at有关，因为如果我用位置:绝对和宽度100%替换它，那么页面将从顶部开始。然而，我想避免使用绝对定位，但不知道足够的css来理解为什么会发生这种情况。
浏览 0提问于2017-02-09得票数 0
回答已采纳
4回答
我需要帮助编写一个文本高亮过滤器使用vuejs。其思想是遍历给定的单词数组，如果存在匹配，则对该单词应用具有类的span。我遇到的问题是，我似乎不能用vuejs返回html格式的数据。任何想法都将受到高度赞赏。我真的被这个卡住了。
浏览 0提问于2016-06-15得票数 14
我花了很多时间来正确地选择滚动高度，但是所有的动作都失败了。2-苗条不是从底部开始的。动态内容加载及时，因此我使用滚动高度与瘦卷轴我将瘦卷轴与聊天系统容器集成在一起，同时从ajax和insert (apppend)检索内容到聊天区域。，我取那个容器的滚动高度，。所以我可以从底部启动卷轴(瘦卷插件)
浏览 7提问于2017-07-23得票数 0
2回答
我有一个v卡组件，它使用class=“溢出-y-汽车”，所以我得到了一个垂直滚动条。问题是，当我用v分页组件更改页面时，v卡的内容会发生变化，而滚动条则停留在底部。有没有办法控制它的垂直位置？
浏览 2提问于2020-03-12得票数 0
回答已采纳
1回答
当我运行console.log(myArray.length)时，它显示"0"，但是如果我运行console.log(myArray)，它显示数组具有预期的数据。从下面的控制台查看屏幕截图。); // This shows the expected content of my array
console.log($this.invoices.length); // This shows 0
浏览 141提问于2019-02-25得票数 0
回答已采纳
if (newheight > oldheight) { scrollTop: $("#chatbox")[0]我也打印了从滚动高度得到的，它返回的是div的高度，而不是滚动的高度。使用jquery的scrolltop，它返回null。有人能帮忙吗？
浏览 5提问于2014-04-04得票数 0
1回答
我想测试一个网页是否有一个垂直滚动条在页面底部添加一些填充像素的原因，以固定的位置，如果在底部的一些框。问题是，当我用返回相等值的窗口高度测试文档的高度时，body标签的高度也返回0( body的高度是动态的，未设置).Also下面的函数不能正常工作：el[direction] = 0;return result;和
(func
浏览 0提问于2012-07-11得票数 0
我想知道如何使用自动布局在UIscrollView中裁剪图像，我正在尝试让UIscrollView只水平滚动。如果图像高于视图高度，则应将其裁剪。我尝试了很多属性，但无法使uiscrollview中的所有图像都与视图高度相同，从而避免垂直滚动。我错过了什么吗？constraintsWithVisualFormat:@"H:|[lab]"
options:0NSLayoutConst
浏览 0提问于2013-07-19得票数 1
回答已采纳
2回答
我正在尝试从Iframe中删除滚动条。当我手动设置Iframe的高度时，它可以工作，但是Iframe的大小可能会改变，并且我不知道在页面加载时如何获得Iframe高度。是否有任何方法删除滚动条，并适合Iframe内容？<div class="portlet" id="pageContainer">
<iframe id="frame" width="100%" frameborder="0&
浏览 3提问于2017-01-13得票数 5
2回答
我想要获取当前窗口的高度:不是滚动高度，也不是文档高度，而是实际的窗口高度。我尝试过返回undefined的window.innerHeight和返回滚动高度的document.documentElement.clientHeight。
浏览 0提问于2010-06-10得票数 39
回答已采纳
4回答
我需要获得UITableView的完整高度(即没有更多可滚动的高度)。有没有办法做到这一点？我尝试过[tableView sizeThatFits:CGSizeZero]，但它只返回0x0 CGSize。
浏览 0提问于2010-03-27得票数 40
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
