使用quasar框架(和vue用法差不多)的无限滚动的时候，外面没有一个div(我猜测是需要一个类似画布包着)包着的话没办法滚动，但是如果把div的高度height写死的话，切换手机型号就不适配了，写百分比也没有，不知道有人知道怎么解决吗？
使用q-infinite-scroll无限滚动的时候，怎么适配不同的分辨率
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
0条回答 默认 最新
- 2021-06-04 11:119. **兼容性**：作为JavaScript插件，nc-infinite-scroll应确保在主流浏览器中都能正常工作，这可能涉及到对不同浏览器特性的检测和适配。 10. **社区支持和更新**：开源项目通常会有社区支持，开发者可以在遇到...
- 2021-10-28 16:14se-scallion的博客 v-infinite-scroll（Element UI） 滚动到底不触发（笔记本）现象先答案原因解决思路1、设置滚动元素的padding2、反复设置padding放弃，查看数据层3、读源码其他尝试1、可能是disabled 传值为false2、dom之间的嵌套...
- 2024-05-14 09:56贾雁冰的博客 推荐：Angular Infinite Scroll 模块 —— 轻松实现无限滚动加载效果 项目地址:https://gitcode.com/gh_mirrors/ng/ngx-infinite-scroll 项目介绍 Angular Infinite Scroll 是一个为 Angular 应用程序设计的强大且...
- 2022-09-15 22:04Sam9029的博客 无限滚动图片懒加载-Infinite-Scroll-Img
- 2025-09-09 17:45冲浪的鹏多多的博客 react-infinite-scroll-component 是一款轻量化的 React 无限滚动插件，通过组件化 API 实现“滚动到底部自动加载”功能，避免手动处理滚动事件。其优势包括零冗余代码、高度可定制（支持自定义加载状态、触发阈值等...
- 2025-11-21 08:23秋崧欣的博客 React Infinite Scroll Component正是为了解决这一核心痛点而生，它通过智能滚动检测机制，实现了无缝内容加载，让用户体验如丝般顺滑。 ## 技术原理深度剖析 这款组件的核心技术在于其精密的滚动阈值计算系统。...
- 2025-04-04 19:18前端布洛芬的博客 想象一下你在手机上浏览图片，当你滑动屏幕的时候，图片会一张一张地整齐切换，就好像有一股无形的力量把图片吸附到特定的位置，让你能清晰地看到每一张图片。在 CSS 里， 属性就像是这股无形的力量，它能让滚动容器...
- 2025-12-10 11:01咎岭娴Homer的博客 传统分页设计正在成为用户体验的瓶颈，而Infinite Scroll无限滚动技术正以其独特的商业价值重新定义内容消费模式。 ## 商业痛点与解决方案 ### 传统分页的三大商业损失 - **转化率下降**：每次翻页操作导致20-30%...
- 2025-11-06 15:39被妖怪抓走的师傅的博客 HTML中复制数据并设置不同key，CSS使用@keyframes实现translateY(-50%)的无限滚动动画，JS动态计算动画时长并控制暂停/恢复。该方法避免了传统JS重置导致的闪烁问题，同时支持鼠标悬停暂停、移出继续的交互。还提供...
- 2025-11-06 02:30葛梓熙的博客 本文将通过三个真实企业案例，展示如何利用[infinite-scroll](https://link.gitcode.com/i/40c1ada291caf05262aa7c51e6b6ba09)实现无缝滚动加载，解决传统分页痛点，同时提供可直接复用的技术方案和性能优化指南
- 2024-08-21 09:49窦欢露Paxton的博客 探索无限滚动的未来：react-infinite-scroll-hook 在现代Web应用中，无尽滚动已成为提升用户体验的关键设计元素之一。它让数据加载变得无缝而自然，为用户提供流畅的浏览体验。今天，我们来深入探讨一款强大的React...
- 2025-08-19 16:16新时代农民工Top的博客 前端 web 项目中列表数据鼠标滚动触底分页加载数据
- 2025-11-06 01:00牧韶希的博客 本文将展示如何结合infinite-scroll（无限滚动）与GraphQL，构建流畅高效的现代数据加载体验，让用户滚动时自动加载精准数据。读完你将掌握： - 无限滚动与GraphQL分页的技术优势 - 从零实现GraphQL游标分页 - ...
- 2025-11-06 02:14柳嵘英Humphrey的博客 你是否曾为实现流畅的无限滚动效果而整合多个库？是否在处理动态内容加载时遭遇性能瓶颈？随着Web技术标准化进程加速，infinite-scroll作为前端开发的重要组件，...无限滚动（Infinite Scroll）通过动态加载后续内容实
- 2025-11-21 06:08喻珺闽的博客 在当今数据驱动的Web应用开发中，高性能数据加载已成为提升用户体验的关键因素。...React Infinite Scroll Component不仅仅是一个技术组件，更是数据展示理念的革命性突破。它通过智能滚动监听机制，实现了真正的无缝
- 2025-11-04 05:31明会泽Irene的博客 Infinite Scroll无限滚动技术正是解决这个问题的完美方案。这个开源项目能够自动加载下一页内容，当用户滚动到页面底部时，无缝地添加新内容，让用户享受流畅的浏览体验。 ## 什么是Infinite Scroll无限滚动？ ...
- 2025-06-30 09:23娄妃元Kacey的博客 本文将深入解析ressio/lazy-load-xt（以下简称LLXT）的无限滚动实现方案，带你掌握"按需加载+智能预取"的前端性能优化黄金组合。读完本文你将获得： - 从零构建高性能无限滚动的完整技术栈 - 解决滚动抖动/重复加载/...
- 2025-09-09 22:00「已注销」的博客 无限滚动(infinite scroll)在前端有很多实现思路。本文主要针对某些业务场景提出通用的解决方案。在移动端开发中，经常需要实现滚动加载更多的业务。但是由于ui设计变幻莫测，应用场景也经常变化（如列表滚动在内部...
- 2022-04-11 15:26起个名字不容易啊的博客 使用方法 v-scrollTab npm install perfect-scrollbar import Vue from 'vue' import PerfectScrollbar from 'perfect-scrollbar' class scrollTabFunctin { constructor () { this.perfectScrollbar = null
- 2025-10-27 06:16龚柯劫Esmond的博客 Locomotive Scroll作为现代前端滚动交互的标杆解决方案，其视口元素检测技术与平滑滚动算法正为未来网络体验奠定基础。本文将从技术实现到未来适配，全面解析这一开源项目如何应对量子时代的交互挑战。 ## 核心架构...
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月10日
创建了问题
9月2日