草庐IT

Axure菜单滚动切换

全部标签

javascript - Tampermonkey - 右键单击​​菜单

使用Tampermonkey可以在Chrome中创建右键菜单选项吗?我找到了GM_registerMenuCommand,但它似乎没有在右键菜单中显示任何新项目。另一个问题是我在测试脚本中使用了GM_openInTab但由于某种原因它似乎无限循环。它应该只在单击菜单后触发,为什么会发生这种情况?另外我想知道有没有一种方法可以使用自定义右键单击图标等以更高级的方式执行此操作?Firefox有一个适用于菜单的GM脚本,但在Chrome中似乎没有显示任何东西,所以最好有办法让它工作。//==UserScript==//@nameContextMenu//@namespacehttp://ta

javascript - Angular Material 滑动切换的两种方式绑定(bind)无法按预期工作( Angular 4)

我已经实现了AngularMaterial滑动切换,除了出于某种原因它没有将值绑定(bind)到相关变量之外,一切似乎都有效?//otherirrevelantimportsabove..import{MatDialog,MatDialogRef,MAT_DIALOG_DATA}from'@angular/material';@Component({selector:'app-calendar',templateUrl:'./calendar.component.html',styleUrls:['./calendar.component.scss'],host:{'(document

javascript - 如何判断是 "html"还是 "body"滚动窗口

下面的代码用于通过javascript查找可以滚动的元素(body或html)。varscrollElement=(function(tags){varel,$el,init;//iteratethroughthetags...while(el=tags.pop()){$el=$(el);//ifthescrollTopvalueisalready>0thenthiselementwillworkif($el.scrollTop()>0){return$el;}//ifscrollTopis0trytoscroll.elseif($el.scrollTop(1).scrollTop()

javascript - 如何在使用我自己的鼠标滚轮平滑滚动时缩放到鼠标指针?

我的应用程序的一部分包含类似于谷歌地图的功能,用户应该能够在容器内放大和缩小图像。与谷歌地图一样,我希望用户能够使用鼠标滚轮滚动,图像上的像素始终保持在鼠标指针的正下方。所以基本上用户将缩放到他们的鼠标指针所在的位置。对于缩放/平移,我正在使用这样的css转换:可见$('#image').css({'-moz-transform':'scale('+ui.value+')translate('+self.zoomtrans.xNew+'px,'+self.zoomtrans.yNew+'px)','-moz-transform-origin':self.zoomtrans.xImage

javascript - 滚动链接到 skrollr

我正在使用https://github.com/Prinzhorn/skrollr在我滚动时为我的网站背景制作动画。但是,我也想让我的链接像普通的单页网站一样在页面上上下滚动。问题是,如果我手动滚动背景变化,两者都可以正常工作,如果我单击链接,页面将滚动到正确的位置。问题是,当我单击按钮时,背景也不会滚动。我好像在使用两个不同的滚动函数,结果它们不能一起工作,我需要使用同一个。这是代码。js-滚动到链接:var$root=$('html,body');$('a').click(function(){varhref=$.attr(this,'href');$root.animate({s

javascript - Selenium JavaScript - 将元素滚动到 View 中而不与标题重叠

webdriver.executeScript("arguments[0].scrollIntoView();",element);这会将元素滚动到View中,但它位于页面标题的后面。如何将元素滚动到View中,使元素位于标题正下方而不是标题后面? 最佳答案 scrollIntoView方法可以将元素滚动到View的顶部或底部,默认在顶部:https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView因此您可以将其滚动到底部:webdriver.execute

javascript - 如何将上下文菜单限制为仅针对 Chrome 扩展程序中的某些选定文本显示?

我做了一个很简单的chromeextension它允许用户突出显示DOI编号,右键单击并选择“解析DOI”,然后将它们发送到相关网页。现在,这是在background.html中完成的:chrome.contextMenus.create({"title":"ResolveDOI","type":"normal","contexts":["selection"],"onclick":getClickHandler()});我想将上下文菜单选项限制为仅在突出显示的文本以“10”开头时出现。关于如何执行此操作的任何建议?我是否需要等待上下文菜单模块变得更高级?

javascript - 在运行应用程序并切换到路由或状态之前解析 $http 请求

我编写了一个应用程序,我需要在应用程序运行时检索当前登录的用户信息,然后再处理路由。我用ui-router支持多个/嵌套View并提供更丰富、有状态的路由。当用户登录时,他们可能会存储一个代表其身份验证token的cookie。我将该令​​牌包含在对服务的调用中以检索用户的信息,其中包括他们所属的组。然后将生成的身份设置在服务中,可以在服务中检索并在应用程序的其余部分中使用。更重要的是,路由器将使用该身份来确保他们已登录并属于适当的组,然后再将他们转换到请求的状态。我有这样的代码:app.config(['$stateProvider',function($stateProvider)

javascript - 向下滚动然后向上滚动时如何隐藏div

我想像图片一样显示和隐藏菜单。您可以在下图中看到有一个树部分。第一部分,当您打开页面时,右下角的菜单仍会显示。向下滚动时菜单淡入,向上滚动时菜单淡出。facebook和tumblr就是这样做的。我想了解他们如何做到这一点。任何人都可以告诉我一些小例子。我创建了这个DEMO来自codepen.io但它只是headerthink并且向上滚动时也存在问题。varpreviousScroll=0,//previousscrollpositionmenuOffset=54,//heightofmenu(oncescrollpassedit,menuishidden)detachPoint=650

javascript - 如何自动关闭在单击并失去焦点或切换选项卡后可见的 Bootstrap 工具提示?

我注意到了这种奇怪的工具提示行为。如果我单击具有Bootstrap工具提示的链接,然后切换选项卡或最小化窗口,然后返回主窗口,即使鼠标没有悬停在工具提示上,也会显示工具提示。这是一个错误吗?还是正常行为?http://jsfiddle.net/4nhzyvbL/1/HTML代码clickmeandthencomebacktocheckmeCSS代码@importurl("http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/cerulean/bootstrap.min.css");@importurl("http://maxcdn.bootst