草庐IT

JavaFx WebView - 滚动到所需位置

全部标签

javascript - 当元素在 DOM 中的位置改变时,是否有可能让 React 移动元素而不是重新创建它?

当元素在DOM中的位置发生变化时,是否有可能让React移动元素而不是重新创建它?假设我正在制作一个包含2个Pane的组件,并且我希望能够隐藏/取消隐藏一个Pane。让我们也想象一下Pane本身很重。在我的例子中,每个Pane都有2000多个元素。在我的实际代码中,当有2个Pane时,我使用了拆分器。为了只显示一个Pane,我需要移除拆分器并将其替换为一个div。下面的代码对此进行了模拟。如果只有一个Pane,它会使用div来包含该Pane。如果有2个Pane,它会使用pre来包含它们。在我的例子中,它是div有1个痛点和一个splitter有2个痛点。因此,检测document.cr

javascript - 水平滚动的 SVG

我正在尝试用D3(https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js)做一个SVG图形,其中条形宽度是手动定义的,并且有一个水平滚动条..我这里有一个工作fiddlehttps://jsfiddle.net/bikrantsharma/zw264tfc/12/我的比例是这样定义的varbarWidth=30,paddingFactor=2.2,responsiveDIVHeight=300,responsiveDIVWidth=tempData.length*barWidth*paddingFactor;varx=d3.

javascript - 如何固定输入的位置,使其始终位于屏幕居中但其大小可以更改的元素下方?

我的UI中有一个名为SkyElement的元素,它始终在我的UI中垂直和水平居中。我还有一个输入,称为PencilInput,我希望它始终位于SkyElement下方。在UI中,用户可以更改SkyElement的大小(宽度和高度),我希望PencilInput位于下方>SkyElement,无论大小。现在,无论大小如何,PencilInput都显示在SkyElement上方。在我的render函数中:PencilInput的HTML:在我的CSS中:@mixinabsolute-center{display:block;position:absolute;top:50%;left:50

javascript - 指定图中某些节点的位置

有没有办法指定连接图的某个节点子集的位置,而一些算法决定其他节点的位置?我希望找到一种算法,将边缘处理得像Spring一样,这样它就不会离其他节点太远,例如graphopt.我查看了igraph中的其他几种算法,例如lgl、drl,但它们似乎都不允许指定节点的位置,我必须让算法完全控制所有节点的位置。我问这个是因为我有数据网络,而且一些节点我可以找到大致的地理坐标。我希望在map上显示整个网络。在map上查看网络,然后我可以迭代地识别更多具有某些地理标识的节点,最后我得到了至少在视觉上具有相当准确性的地理引用图。我开始使用R上的igraph,但我愿意尝试其他包/语言,甚至GIS工具,如

javascript - 如何检查滚动条是否可见?

我想在我的网站上显示一个“转到顶部”链接。只有在垂直滚动条可见时,该链接才应该可见。我如何使用JavaScript执行此操作?谢谢 最佳答案 你可以查看elem.clientHeight值,但它也取决于css属性 关于javascript-如何检查滚动条是否可见?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2927963/

javascript - 谷歌地图 API;抑制 map 平移以启用页面滚动

我有一个移动网页,客户可以在其中通过表单提交或当前位置弹出窗口输入他们的邮政编码,然后找到附近的中心。响应包括这些中心的列表以及显示其位置的googlemap插入和指示列表中指示的中心的图钉。问题是map占用了页面上的大量空间。很难向下滚动到map下方的列表。我想禁用Googlemap上的平移功能,以便人们可以触摸map并上下滚动页面。但是,我不想完全抑制map上的所有触摸事件,因为我仍然希望人们能够单击图钉并查看与这些标记一起出现的弹出信息框。这就是为什么我认为静态图像实现可能不是可行的方法。这是页面的链接:http://cs.sandbox.millennialmedia.com/

javascript - jQuery - 每 x 秒向下滚动一次,然后滚动到顶部

我有一个可滚动的div,我想每X秒向下滚动50像素。这很好并且有效。我还有一个单独的函数,当它到达底部时将div滚动回顶部。还可以;工作。现在,我需要将两者结合起来,以便在我们再次滚动到顶部之前忽略向下滚动。我这里有一个“有效”的例子,你会看到它有一些非常疯狂的行为:http://jsfiddle.net/JVftf/window.setInterval(scrollit,3000);functionscrollit(){$('#scroller').delay(2000).animate({scrollTop:$("#scroller").scrollTop()+50},'slow'

javascript - JQuery-UI ToolTip 位置

是否有标准JQuery-UI工具提示(http://jqueryui.com/tooltip/)的工具提示位置跟随鼠标而不是单元格?当前位置基于包含“title”属性的页面元素,使用JQuery-UI(http://api.jqueryui.com/position/)中的位置规则。从我所看到的一切来看,这是不可能的。 最佳答案 查看track选项。Whetherthetooltipshouldtrack(follow)themouse. 关于javascript-JQuery-UITo

javascript - 检测溢出 :hidden page? 中的滚动尝试

我想检测用户何时试图在我的页面上向上或向下滚动,但由于我不想允许实际滚动,所以我设置了一个overflow:hiddenbody。代码是这样的:$('html,body').css('overflow','hidden');$(window).scroll(function(event){console.log("scroll");});问题是因为没有实际的滚动我无法触发事件,我考虑过删除溢出样式并以某种方式防止滚动但我不知道该怎么做。无论如何,有没有办法在检测滚动尝试时修复滚动?谢谢 最佳答案 尝试使用jQuery鼠标滚轮http

javascript - 在 native JavaScript 中获取 Canvas 内鼠标位置的最现代方法

这个问题在这里已经有了答案:HowdoIgetthecoordinatesofamouseclickonacanvaselement?[duplicate](22个答案)关闭3年前。首先,我知道这个问题已经被问过很多次了。但是,提供的答案并不一致,使用了多种方法来获取鼠标位置。几个例子:方法一:canvas.onmousemove=function(event){//thisobjectreferstocanvasobjectMouse={x:event.pageX-this.offsetLeft,y:event.pageY-this.offsetTop}}方法二:functionge