草庐IT

滚动查询

全部标签

javascript - 你如何从 getInitialProps 中的 url 获取查询参数?

我有一个干净的url,其中包含一些这样的查询参数。http://localhost:3000/post/:id我正在尝试像这样在客户端捕获查询参数“id”。staticasyncgetInitialProps({req,query:{id}}){return{postId:id}}render(){constprops={data:{'id':this.props.postId//thisqueryparamisundefined}}return(Acomponent)}我的express端点如下所示。app.post('/post/:id',(req,res,next)=>{letd

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

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

javascript - GraphQL 能否在解析器中选择性地解析给定查询结果的字段?

我有以下REST端点:/orders/{id}returns{orderId,orderItem,customerId}/customers/{id}returns{customerId,firstName,lastName}我受限于这两个端点,它们将被包装在我的graphql模式中。我想要以下架构:typeOrder{orderId:ID!,orderItem:String,customer:Customer}typeCustomer{customerId:ID!firstName:String!lastName:String!}typeQuery{getOrder(id:Strin

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 Firefox - 如果样式表中存在 @import,则无法查询 cssRules - 错误或预期行为?

如果@import出现在css样式表中,我将无法查询cssRules。是否符合网络标准?或者它知道Firefox的限制?注意:我正在从同一域导入css文件。varstyle_rules=document.styleSheets[0].cssRules;console.log(style_rules);底层对象不支持参数或操作[BreakOnThisError]varstyle_rules=document.styleSheets[0].cssRules; 最佳答案 属性document.styleSheets[0].cssRules

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 - 如何使用 Google Chrome 自定义搜索引擎进行多参数查询?

我正在从Firefox迁移到Chrome,但我无法复制或模拟我的多条件查询。在Firefox中,使用我发现的javascript脚本轻而易举here但经过大量测试后,我认为在Chrome中是不可能实现的。看看我修改后的货币转换版本:javascript:vars='%s';url='http://www.google.com/finance/converter?a=%s&from=%s&to=%s';t='';qc=0;chunks=url.split('%s');for(i=0;i'); 最佳答案 ..遗憾的是,根据thisbug