草庐IT

scroll-view滚动条

全部标签

javascript - 是否可以针对特定的 jQuery Ajax 调用禁用 Turbolinks 以防止页面刷新和滚动?

我有一个Rails5应用程序,非常想使用Turbolinks。在应用程序中有几个PATCHajax调用,它们只是用新数据更新服务器,但不需要担心更新页面的状态。只要这些ajax请求返回,Turbolinks就会刷新页面并且浏览器会滚动到屏幕顶部。这是不可取的行为;最好让东西留在原处。禁用Turbolinks可以解决这个问题。导致问题的示例(super基本)ajax调用:$.ajax({method:"PATCH",url:url,data:obj});是否有其他人遇到过这种情况或对如何防止页面滚动发生有任何想法? 最佳答案 有同样的

具有与默认行为相同的Javascript自定义滚动js

我在一个div中添加了一个水平滚动条。 我增加了内部div#custom_scroll_child的宽度。但是这些滚动条在手机上是不可见的。所以我想包括js库。当我添加任何像mCustomScrollbar这样的js库时,它的滚动条宽度和向左滚动与默认滚动条不匹配。所以我想要自定义滚动条的设计。但是想要原生滚动条的行为。那么我该如何实现呢?请指导我。 最佳答案 尝试以下操作。body{margin:0px;padding:0px;color:black;}.custom_scroll{width:91%;overflow:

javascript - MaterializeCSS 日期选择器 : setDate does not update the view

使用MaterializeCSS1rc2,我尝试从Javascript更新我的DatePicker的日期。我的HTML我的JSfunctionchangeDate(date){/*dateisajavascriptDateobject*/vardatepicker=document.getElementById('datepicker');varinstance=M.Datepicker.getInstance(datepicker);instance.setDate(date);}查看控制台,所有变量都设置为其预期值。当我单击DatePicker时,这也是显示的预期日期(我在chan

javascript - jQuery:将文本区域滚动到给定位置

我有一个包含大量文本的文本区域:lotsandlotsoftextgoeshere我想向下滚动文本区域,以便用户可以看到第2000个字符。我如何使用javasctipt/jQuery执行此操作?$('#txt').scrollToCharNo(2000);//somethinglikethiswouldbegreat编辑(我的解决方案)好吧,我设法让它自己工作。我发现的唯一方法是创建一个与文本区域具有相同字体和宽度的DIV,将SPAN放在所需字符附近并找到该span的位置。我敢肯定,有人可能会发现我的解决方案很有用,所以我会把它粘贴在这里:jQuery.fn.scrollToText=

javascript - 防止在 iOS 上滚动 HTML5 <video> 元素

我试图阻止在MobileSafari上包含HTML5视频元素的Web应用程序中的默认滚动。处理document.ontouchmove和调用e.preventDefault()是我发现实现此目的的标准方法。这似乎在任何地方都有效,除了当您触摸视频元素的顶部时,您可以开始向四周拉动页面,就好像它要滚动一样。这似乎只有在强制打开native视频控件时才会发生。如果您不包含controls属性并以可以在线播放的方式加载视频(例如在iPad上或在设置了allowsInlineMediaPlayback的UIWebView中),则会正确阻止滚动。所以它似乎与捕获事件的native视频控件(大播放

javascript - 如何检测滚动条上的鼠标弹起? (或 "scrollEnd"事件)

有人知道如何检测滚动条上的mouseup事件吗?它适用于FF,但不适用于Chrome或IE9。我设置了一个快速演示:http://jsfiddle.net/2EE3P/总体思路是我想检测一个scrollEnd事件。显然没有这样的东西,所以我结合了mouseUp和计时器,但是mouseUp在大多数浏览器中都没有触发!div包含一个项目网格,因此当用户停止滚动时,我想将滚动位置调整到最近的有意义的点,例如最近的单元格的边缘。但是,我不想在滚动过程中自动调整位置。我也很乐意接受任何给我相当于scrollEnd的答案 最佳答案 找到了一个无

javascript - 类似于 google+ 相册 View 的动态图像排序和裁剪

有人能帮我找到一个解决方案来实现与googleplusalbumview相同的结果吗??缩略图列表通过重新排序和裁剪图像来保持一致的行宽,使它们始终适合,并根据窗口大小重新排列它们。我知道masonry但当图像大小不同时,它往往会产生大量空白...(因为它不处理裁剪)有人知道有这样的插件吗?或者如果不是它背后的基础数学? 最佳答案 看看:http://blog.vjeux.com/2012/javascript/image-layout-algorithm-google-plus.html它解释了布局的工作原理。另请参阅:http:

javascript - 如何以不同的速度滚动列?

我有两列,#photos和#text。我的#photos列更长,逻辑上包含一些图像。当我滚动页面时,我喜欢#photos列比#text列滚动得更快,这样两列都在底部对齐。我使用jQuery的$(window).scroll()来更新#photos列:$("#photos").css("top",Math.round(targetY));如何计算targetY?我知道它可能与$(document).height()、$("#photos").height()和有关$(window).scrollTop(),但我想不出公式。 最佳答案

javascript - jQuery Mobile 和 Themeroller - 更新 jQuery Mobile 时是否需要重新滚动主题?

我使用的是jQueryMobile1.1-rc1,但我的页面加载指示器显示不正确。我最初是在themeroller刚出来的时候做我的主题的,在jQM的最后几次更新中一切都很好,直到最近。现在加载图标不再旋转并且不再位于气泡中心。更新时是否需要在themeroller中重新滚动主题?我在themeroller中没有看到选择目标版本的选项。 最佳答案 我注意到旧文件名为ajax-loader.png。我认为它现在是ajax-loader.gif,因此您可能需要仔细检查一下。 关于javasc

javascript - 非线性滚动

滚动s就像是线性的:s(x)=xwithxamong[0,∞]我想申请amorefancyfunction,说x^2:但我真的不知道这是否可能以及如何...我想知道你对此的想法。编辑例如:是否可以更改scrollTop值而滚动?干杯。 最佳答案 解决您的问题的高级方法:捕获滚动事件,跟踪您获得最后一个滚动事件的时间根据上次事件的时间计算实际速度vAvA(dT)://ifwelastscrolledalongtimeago,pretenditwasMinTime//MinTimeisthedTwhich,whenscrolled//a