jjzjj

Infinite-Scroll

全部标签

javascript - React.addons.TestUtils.Simulate.scroll 不工作

我正在尝试使用ReactJS和JSDOM模拟滚动事件。最初我尝试了以下方法:varfooter=TestUtils.findRenderedDOMComponentWithClass(Component,'footer');footer.scrollTop=500;TestUtils.Simulate.scroll(footer.getDOMNode());//Itriedthisaswell,butnoluck//TestUtils.Simulate.scroll(footer);根本不会传播滚动事件。然后,我手动创建了事件并且一切正常:varevt=document.createE

javascript - 具有命名函数的 window.removeEventListener 不起作用

我正在使用React,下面是我用来实现无限滚动功能的代码。componentDidMount(){//Flagtocheckifthecontenthasloaded.letflag=true;functioninfiniteScroll(){letenterpriseWrap=$('.enterprise-blocks');letcontentHeight=enterpriseWrap.offsetHeight;letyOffset=window.pageYOffset;lety=yOffset+window.innerHeight;console.log('hey');if(thi

javascript - 仅限 Chrome 错误 : Failed to execute 'scroll' on 'Window' : No function was found that matched the signature provided

我只在Chrome中遇到这个错误(在Safari/Firefox中有效):无法在“Window”上执行“scroll”:找不到与提供的签名匹配的函数。代码在内联事件中:我不明白这是什么问题。PS:注意这段代码是我在DOM渲染后得到的输出。实际代码拆分成我在服务器端模板引擎中使用的不同组件/函数,正如下面评论中指出的那样,应避免直接混合此代码。 最佳答案 也许试试scrollTo。这是支持x和y坐标的跨浏览器。http://www.w3schools.com/jsref/met_win_scrollto.asp...

javascript - "scroll"到css修改输入值后输入结束

我有一个该用户写入,有时使用字典中的建议。选择建议后,我会:varinput=$('#inp');input.val(input.val()+suggestedText+'');input.focus();//thatisbecausethesuggestcanbeselectedwithmouse一切都很好,但是在添加一个建议后,结果是input.val()太长而无法容纳在编辑字段中,光标位于字符串的末尾(这很好),但在编辑字段中只有字符串的开头可见,因此光标也被隐藏了。只要按下一个键(一个改变值的键),“滚动”就会转到字符串的末尾,隐藏开头...如何自动触发此行为,而无需按键?我找

javascript - Angular : disable scroll to top when changing view

假设我有一个大标题,所以ng-view指令在页面上。就在这个ng-view之前,我有一种菜单可以触发Angular路由,从而改变View。我的问题是,只要路由被触发,页面就会一直滚动到顶部,因此部分内容超出了视口(viewport)。这是我的路线:angular.module('portfolio',[]).config(function($routeProvider,$anchorScrollProvider){$anchorScrollProvider.disableAutoScrolling();$routeProvider.when('',{templateUrl:'portf

javascript - 实时数据无限滚动

我正在尝试在Web应用程序中实现无限滚动,可以从服务器添加或删除记录,按其ID的字母顺序排序,相关数据也可以随时更改,我必须显示最新数据.我了解无限滚动的工作原理以及如何显示一组固定对象的最新数据(在我的例子中,反复轮询并将数据转储到View中),但我无法理解如何将两者集成。API使用游标,每次向我发送20条记录。请帮忙 最佳答案 我想我明白你最关心的是什么。具有实时更新的无限滚动很难实现。您必须仔细考虑并弄清楚您真正想要实现的目标。有几种情况需要考虑,为简化起见,假设我们使用带有行的网格:可见行已更改(编辑)在可见行之间添加了新行

javascript - JS - 100% 且无滚动的 iframe 高度(正文中的 Scroll-y)

我有一个iframe问题。首先,我在https://stackoverflow.com/search?tab=relevance&q=iframe%20height中搜索关键字iframeheight但我没有找到我需要的人。如何制作一个高度为100%且无滚动的iframe。在正文中滚动Y。如果我通过http://www.google.com搜索某些内容在iframe中,之后转到google搜索结果页面。iframe将计算新的高度并且iframe高度仍然为100%,正文部分的滚动条。(我希望一些帮助不仅在ie和firefox中,而且在safari和chrome中都能完美工作)。非常感谢。

javascript - 解决 $rootScope :infdig Infinite $digest Loop

我了解了无限摘要循环的基本概念以及它是如何发生的,但我遇到了问题。这是一个演示我的代码和问题的fiddle:http://jsfiddle.net/eS5e5/1/在jsfiddle控制台中,您将看到无限摘要循环。基本上,我必须对可能尚未加载的数据做出决定,因此我需要使用then()等待promise解决。我有一个名为用户的promise。在代码中有两个不同的地方我调用了用户的then()。就在我定义它之后。我需要根据它设置范围变量。在另一个作用域方法中,$scope.isAdmin()对于第2点,可能有人会问我为什么不直接在$scope.isAdmin()方法中使用$scope.us

javascript - JQuery 可拖动 : scroll not working when helper: clone is used

我有一种文件夹列表类型的情况,我可以使用jquerydraggable/droppable将项目从一个文件夹拖到另一个文件夹。文件夹项目是可拖动的,文件夹是可放置的。它们位于一个小到足以显示垂直滚动条的div中。我在可拖动项上设置了“scroll:true”,这样它们就可以使div滚动。当我还在可拖动项目上使用“helper:"clone"”时,滚动不再有效。我做错了什么?这是一些非常简化的代码:dropheredragmedragmedragmedropheredropheredragmedragmedragmedragmedropheredropheredropheredrophe

javascript - 使用 AngularJs 和 Firebase 无限滚动

如何对从firebase获取的数据实现无限滚动。到目前为止,我找到了一个angularjsdirective,这真的很棒,但我很难用fireable实现它,因为firebase在一个请求中返回所有数据,这不是我想要的。 最佳答案 几周前,我制作了一个允许在myapp中无限滚动的JS函数。.首先,用户访问网站时显示一组数据://Addacallbackthatistriggeredforeachmessage.varn=25;//Stepsizeformessagesdisplay.$(window).load(function(){