草庐IT

Deployment滚动升级

全部标签

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - 使用浏览器的主滚动条滚动 2 个 DIV 内容 + 主要内容

我不知道如何解决这个问题,以便在两个页面内移动内容+外部内容。我有以下布局:页眉+页脚书具有固定宽度和高度的页面。我想在没有任何页面滚动条的情况下从主滚动条滚动页面内容(如gmail撰写示例)主要问题是。书将显示在标题之后,如果用户使用较小的屏幕分辨率,它将显示滚动条以向下滚动以正确查看书。然后我们有两个页面,内容互不相同,每个页面都可以比另一个页面长。所以我们想滚动浏览所有数据,然后再继续滚动回页脚。jsFiddle示例:http://jsfiddle.net/7vqzF/2/如果仅从css解决这个问题会很棒。布局结构:(解决方案应该只有一个主浏览器滚动条,从中控制页面和外部图书内容

javascript - 让一个div在向上滚动时回到原来的位置

当你向下和向上滚动时,我有一个带动画的div,问题是当我非常快速地向上和向下滚动而不让div完成它的动画时,div一点一点地离开屏幕的上部.如果我删除.animate()函数中的.stop()并快速上下滚动,div会继续这样做一段时间。我想在向上和向下滚动时保持动画,唯一的区别是快速向上和向下滚动时菜单不会离开屏幕,我已经看过像这样的彻底的堆栈溢出问题,但我没有找到任何东西可以在这里找到jsfiddle的代码:http://jsfiddle.net/QLLkL/4/$(window).scroll(function(){if($(window).scrollTop()>480&&!an

javascript - 无法在移动设备上滚动 amcharts 图表

所以我有一个图表,在移动设备上时跨越100%,但是当试图通过触摸图表并滑动它来滚动屏幕时,它只会触发一个事件而不是滚动。例如,如果我尝试滚动饼图,它会显示饼图的气泡。有没有我可以禁用的事件来缓解这个问题? 最佳答案 解决方法是在图表中设置一个选项"panEventsEnabled":false 关于javascript-无法在移动设备上滚动amcharts图表,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - 将数据添加到垂直滚动文档时,如何保持前面的部分可见?

这是无限滚动的一部分,当我们向上滚动时也有效:InitialContent111InitialContent222InitialContent333InitialContent444InitialContent555InitialContent666InitialContent777JS代码:vardataAbc='FocusShiftedHere';setTimeout(function(){$(dataAbc).prependTo("#sContainer");},3000);setTimeout(function(){$(dataAbc).prependTo("#sContain

javascript - 区分鼠标滚轮滚动还是滚动条滚动?

我在Stackoverflow上进行了搜索,但似乎找不到这个问题的满意答案。基本上我想知道滚动是通过鼠标滚轮还是浏览器滚动条完成的。 最佳答案 类似这样的方法可能适合您,但它不是最佳解决方案。如果wheel事件恰好发生在scroll事件之前,则滚动是通过轮子完成的,否则它是通过使用轮子之外的其他东西来完成的。触发的两个事件之间存在细微的时间差异,这就是为什么我使用阈值currTime-lastWheelTime>30。$('.test').on('scrollwheelDOMMouseScrollmousewheel',functi

javascript - 如何向引导框对话框添加滚动条?

我在网上搜索过,但未能找到将滚动条添加到引导框自定义对话框的解决方案。无论如何我可以让它工作。我需要垂直滚动。这可能吗? 最佳答案 Bootbox使用名为modal-body的css类作为其对话框的主体;因此您可以重写该类以使其可滚动。例如:.modal-body{height:100px;overflow-y:scroll;} 关于javascript-如何向引导框对话框添加滚动条?,我们在StackOverflow上找到一个类似的问题: https://s

javascript - R Shiny - 使用 javascript 回调滚动到给定的数据表行

我遇到了数据表和shiny的问题,特别是在flexdashboard中,但我认为这无关紧要。当我单击绘图中的相应点时,我想滚动到数据表中的给定行。但是,我遇到的最小问题是“简单地”滚动到任何行。我可以使用带有选项initComplete的JavaScript选择一行,但是scrollTo()不会为我做任何事情。查看之前的问题,ScrolltospecificrowinDatatableAPI,我得到了这个例子,https://codepen.io/anon/pen/KWmpjj.它展示了可以与initComplete一起使用的javascript函数,但这不是用R/Shiny制作的。具

javascript - Leaflet JS - 实现手势处理以强制执行 2 指滚动

您知道当您在移动设备上向下滚动带有谷歌地图的网页时。map变暗并告诉您“用两根手指移动map”。我想在我的Leafletmap中实现这一点。Leaflet目前不提供这种开箱即用的功能。Google将此功能称为手势处理。如果将其设置为“合作”,您将获得我刚才描述的效果。https://developers.google.com/maps/documentation/javascript/interaction如我的代码示例所示,检测所用手指的数量并显示消息非常容易。(您需要在移动设备或模拟器上运行它才能看到它的效果)如果是1根手指,我取消touchmove事件并显示我的警告。否则我允许事

javascript - 如何在运行时调整 swf 的大小以使浏览器创建 html 滚动条?

我有一个swf将文本加载到Sprite中,该Sprite会根据放入的内容调整大小-我希望对于那些比页面长的页面让浏览器使用其native滚动条而不是在actionscript(非常像http://www.nike.com/nikeskateboarding/v3/...)我确实看过耐克做的东西,但就是没能成功。有什么想法吗? 最佳答案 诀窍是使用一些简单的JavaScript来调整FlashDOM节点的大小:functionresizeFlash(h){//"flash-node-id"istheIDoftheembeddedFla