草庐IT

scroll-view滚动条

全部标签

javascript - 检测页面底部的死滚动(鼠标滚轮、滚动事件)

我正在寻找检测用户何时滚动到页面底部然后尝试继续滚动但没有任何内容可滚动/查看的地方。我正在创建可用性指标,其中死滚动是一个指标,并且需要一种方法来准确检测用户何时尝试滚动但没有看到任何剩余内容。我需要在鼠标滚轮事件启动但页面不滚动时触发的东西,向上/向下方向。 最佳答案 这是我用来在到达底部时阻止页面动画滚动的脚本的作用:vargate=$(window),edge;setLength();gate.resize(function(){setLength();});functionsetLength(){edge=$(docume

javascript - 复杂的连续滚动循环

我的代码类似于:结果总数取决于ajax查询,我一次性动态插入所有结果。div.main始终可见(固定高度)并且div.details在div.main下方“展开/折叠”,当用户点击resultdiv。详细信息div高度可以变化。如果#resultsscrollHeight大于#right-columnheight,我想创建一个连续滚动循环。在这种情况下,滚动到#result50将显示#result1,滚动到#result1之前将显示#result50。我不能.append()第一个child到底部,因为在某些情况下,可以在顶部和底部看到result的一部分专栏。我无法复制result除

javascript - Aurelia:单例 View 中的静态自定义元素

我有一个带有单例View模型的Aurelia应用程序。该View类似于文件浏览器,左侧是TreeView(自定义元素),右侧是ListView。View模型activationStrategy是invokeLifecycle,ListView根据路由参数填充。展开节点时,TreeView会填充AJAX调用。树节点也是自定义元素。TreeView是完全自定义的,不使用任何第3方插件。当用户导航到另一条路线,然后再次返回同一路线时,View模型会保留,因为它是单例。但是,TreeView不是因为自定义元素不支持作为单例。我理解不支持单例自定义元素的原因。但是,我想知道在导航回同一路线时以某

javascript - 滚动到模态窗口内的元素

我有一个模式窗口,需要能够打开模式,然后将用户滚动到模式中的特定位置。我正在使用AJAX将模式内容获取到PHP脚本。例如mypage.php?loc=someid在PHP脚本中我有这个JS来做滚动:$(document).ready(function(){$('.modal-body').animate({scrollTop:$("#").offset().top},1000);});在PHP页面中是这样的一些HTML:我的内容加载正确,但发生的滚动量似乎与打开模式的链接有关,因此它实际上并没有在文档中找到div。我猜我的JS需要稍微调整一下。看来我需要能够计算元素距模态内容顶部的偏移

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - 使用 angular.js 使用 ui-router,如何只重新加载一个 View ?

我有一个使用angular.js的相当简单的待办事项应用程序,我正在为此使用ui-router库。我查看了github(https://github.com/angular-ui/ui-router/tree/master/sample)上的ui-router示例,但无法弄清楚我做错了什么。在我的应用程序中,我有一个侧边栏导航View(带有待办事项列表)和一个内容View(单击时显示待办事项的详细信息)。我遇到的问题是,当我导航到/todo/exampleItem时,内容View会更新并且导航面板也会重新加载。这不会影响应用程序的功能,但我想避免每次单击项目时导航面板闪烁。这是我处理状

javascript - 键盘显示时 Ionic ion-content 不向下滚动 (Android)

我有一个带有登录表单的简单View。在Android上,如果键盘打开,内容不会向上滚动以防止它位于键盘后面。我按照文档中的键盘说明进行操作,并阅读了很多论坛帖子,但我还没有弄明白。我安装了键盘插件com.ionic.keyboard。这是页面的结构:.....Loginform.....如果我在页面中放置一些额外的虚拟内容,它表明ion-content确实是可滚动的。但是,当通过专注于输入打开键盘时,它不会向上移动。ionic版本?1.0.0-beta.13我的应用程序是全屏的吗?没有我是否测试过键盘插件是否正常工作?是的还有什么需要我做的吗? 最佳答案

javascript - masonry 网格连续循环滚动

所以我试图在包含砖石网格的页面上实现连续循环效果。基本上我有一个整页的砖石网格,我想在向上或向下滚动时循环。目前我有这个:var$grid=$('.grid').masonry({itemSelector:'.grid-item',columnWidth:'.grid-sizer',gutter:'.gutter-sizer',percentPosition:true,transitionDuration:0});$grid.imagesLoaded().progress(function(imgLoad,image){var$item=$(image.img);$item.addCl

javascript - 这个示例 AngularJS 无限滚动是如何工作的

我在搜索一些示例AngularJS脚本时找到了这个示例,但后来我似乎无法理解代码的Angular模块和指令部分。虽然我已经设法编辑loadMore()函数以从我的ReSTfulAPI检索json资源并且它与无限滚动一起工作得很好,但有人可以解释一下这是如何工作的,我真的很感激。在过去一周的业余时间里,我才刚刚开始阅读和尝试AngularJS...来自fiddle的原创(非常感谢原作者):http://jsfiddle.net/vojtajina/U7Bz9/functionMain($scope){$scope.items=[];varcounter=0;$scope.loadMore

javascript - 如何在onsen ui 应用程序列表中显示滚动条

我正在使用OnsenUi构建混合Phonegap应用。某些页面上有包含100个元素的列表。但是,滚动条没有显示。无论如何在页面上显示原生的滚动条?这是我使用的代码:{{hotel.name}}{{hotel.rateCurrencyCode+""+hotel.highRate}}MoreResults更新我试过这个ng-scrollbar,但它不起作用。当我滚动列表时,滚动条本身会向上滚动。 最佳答案 与OnsenUI捆绑在一起的onsenui.css文件使用以下代码隐藏滚动条:::-webkit-scrollbar{display