草庐IT

安卓滚动分页

全部标签

javascript - 使用 jqGrid 的客户端分页

我知道可以通过设置loadonce=true在jqGrid中进行客户端排序,但是是否也可以进行客户端分页?我想在页面加载期间将所有数据(大约80页JSON)最初传递给客户端,然后,我不想要任何服务器调用。我希望jqGrid处理分页和排序。 最佳答案 代替重新发布问题,我会建议一个可能对某人有帮助的链接,但它还没有帮助我:http://www.trirand.com/blog/?page_id=18/help/using-client-side-sorting-but-server-side-paging-using-jqgrid/p

javascript - 处理滚动条和 jquery .width() 方法

jQuery的.width()方法似乎没有考虑滚动条。这对我来说是有问题的,因为我想将一些child的宽度设置为等于他们parent的宽度。我使用了类似于以下的jQuery:$('#contentDiv').width($('#containerDiv').width())在这个例子中,#contentDiv是我想要调整大小的元素,我想将它设置为具有#containerDiv的宽度,这是它的父元素。我的问题是这切断了#contentDiv的一侧,如thisfiddle.中所示在我的实际代码中,我有几个使用jQuery调整大小的元素,它们都需要适合可滚动的div,所以只需将#conten

javascript - 如何使同步两个 Divs 滚动位置更平滑

我正在尝试同步两个可滚动的DIVS滚动位置。遵循的方法:Method-1:on-scroll事件设置其他DIV的scrollTop。问题:滚动事件最后执行,UI在iOSSafari中缓慢。Method-2:使用setInterval来同步两个滚动位置。问题:iOS在滚动期间不执行定时器功能,所以滚动位置在最后同步。同样,这更加缓慢。尝试过,许多博客中提到的计时器已修复,但仍然没有优雅。Method-3:尝试自定义滚动条,所以iScroll并尝试在scroll事件上同步两者,问题:这看起来好多了,但在iOS中仍然很慢!!!Method-4:尝试自定义滚动条,所以iScroll并尝试在sc

javascript - 在 Angular JS (1.x) 中验证分页表单

我有一个使用带输入字段的表格的Angular形式。用户可以添加和删除行。每个单元格都可以是输入类型文本、数字日期等。如果表格太大,表格就会变慢。解决此问题的一种方法是对表格进行分页。不幸的是,对表格进行分页是一个问题,因为我对输入字段进行了自定义验证,如果任何页面中的任何字段无效,则不应提交表单。例如用户可以填写第一页并提交表单,而无需填写第二页。Angular必须为第二页中的字段抛出错误。目前我正在使用表单指令的Angular实现来管理错误。Angular表单仅显示当前页面中的字段,而不显示第二页中的字段。看看这个plunkr.表格格式如下。{{tableForm.$valid}}P

javascript - 我怎样才能让这个按钮在向下滚动时被点击以无限滚动?

这里的按钮从数据库加载数据。工作良好。LoadMorePosts如何让这个按钮在向下滚动到页面底部时自动被点击。简直就是无限卷轴。我应该使用窗口滚动功能吗?如果是,那么如何在这段代码中做到这一点。我尝试将ajax代码粘贴到此函数中,但没有用。编辑:1.当我将Ajax放入滚动函数时,它在getmore.php中显示mysql错误。2.如果我将带有点击功能的按钮类放在滚动功能中,那么它会触发得太快,以至于多次加载相同的帖子。$(document).scroll(function(){if($(window).scrollTop()+$(window).height()>=$(documen

javascript - 页面在 iPhone 中存在虚拟键盘时向上滚动

我的网站上有一个聊天应用程序页面。主容器在移动设备上占据完整的高度和宽度。容器有position:fixed和里面的3个divposition:absolute。最后一个div#app-msg-composer有一个textarea并像其他聊天应用程序一样在其中发送button。以下是简要代码:Send#app-container{position:fixed;height:100%;width:100%;top:0px;bottom:0px;}#app-header{position:absolute;height:48px;width:100%;top:0px;}#app-body

javascript - 使用 jquery 延迟加载分页数据表中的值

我正在尝试使用jquerydatatableplugin在我的项目中。它支持ajax加载表中的值。但我的问题是它是否支持值的延迟加载?意味着如果表是分页的,我可以在请求时使用ajax加载每个页面所需的数据,而不是在页面启动时加载所有值吗?现在我观察到页面所需的所有数据都在创建表时加载。如果页面必须处理大量数据并且在那个时间点不使用它,则会产生问题。如果这个插件不能处理它,任何人都可以建议任何其他支持这个要求的插件。我需要一个支持分页和内容延迟加载的数据表。 最佳答案 这可以使用数据表本身中的ajax配置来完成。详情可以找here.选

javascript - 每当我更改其值时如何阻止文本区域滚动到顶部

我正在制作一些东西,其中文本区域会附加越来越多的文本。在firefox中,文本区域每次都向上滚动到顶部。我目前有类似textarea.scrollTop=1000000;的内容,可以在每次更改时将其向下滚动,但它仍然会在很短的时间内上升到顶部。有什么办法可以阻止它这样做吗? 最佳答案 我也遇到了这个问题。它发生在IE和Firefox中,但不会发生在Opera和Chrome中。我想通过对文本区域进行“double-buffering”更改来隐藏瞬间跳转到顶部:创建两个具有完全相同属性和尺寸的文本区域。其中只有一个是可见的;另一个是隐藏

javascript - 禁用预测滚动 - 鼠标滚轮 (OnScroll) 事件触发过于频繁(触摸板)

我正在执行JavascriptonScroll。我的代码适用于任何普通计算机鼠标,但是当我使用笔记本的触摸板时,我遇到以下情况:当手指移动滚轮时,我的鼠标会触发(大约1到8次)mousewheel事件。我的触摸板触发了更多(~60)个mousewheel事件,同时两根手指触摸触摸板并在我的手指再次悬空后继续触发。我知道移动触摸设备的这种行为。该功能称为“预测触摸”-如果您的手指移动在抬起之前有足够的加速度,则滚动会继续。我认为触摸板驱动程序正在设置这种“平滑滚动”行为。为了调试这种情况,我使用了以下代码:/*HandleMouse-WheelScrolling*/varlastChan

javascript - 如果指定了绝对位置和 overflow-x hidden,则无法滚动到元素

我有动画ng-view。我正在使用上滑动画,它需要元素的绝对位置以及overflow-x:hidden来剪辑内容。在一个子页面中,我必须使用scrollTo元素功能,但如果指定了both2个值,它就不起作用。这是正确动画所需的主要ng-view类.wrapper{position:absolute!important;left:0;top:0;height:100%;min-height:100%;min-width:100%;overflow-x:hidden;}和结构:Section1Section2Section3CCC我准备了plnkr轻松展示它现在的样子。除了这两个值,还有其