草庐IT

anchor-scroll

全部标签

javascript - 寻找最近的 anchor href 滚动偏移量

我有一个UIWebView,其中的HTML页面已完全加载。UIWebView有一个320x480的框架并水平滚动。我可以获得用户当前所在的当前偏移量。我想使用XY偏移找到最近的anchor,这样我就可以“跳转到”那个anchor位置。这是可能吗?有人可以向我指出用于执行此操作的Javascript资源吗?TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText...更新我super伤心的JS代码:functionposForElement(e){vartotalOffsetY=0;do{totalO

javascript - anchor "javascript:void(0)"导致 window.onbeforeunload 在 IE 上触发

我正在使用一个名为Chosen的下拉小部件它有一个带有hrefjavascript:void(0)的anchor。当我单击下拉菜单时它可以工作,但在IE上它会触发一个新的onbeforeunload事件,这令人沮丧,因为应用程序会确认您是否要离开。显然,您不希望在输入表单数据时遇到这些问题。有没有办法在不改变Chosen库的情况下解决这个问题?不幸的是:window.onbeforeunload=function(e){console.log(window.location);};也不记录javascript:void(0),所以,我不能用它来检查目标URL。这种行为至少发生在IE9中

javascript - 在 react-router 4 中使用 anchor 标签

当用户通过anchor链接导航到页面时,我希望页面向下滚动到我的anchor标签。我正在使用react-router4并且我定义了如下内容:导航栏:exportdefault(props)=>{const{updateModal,updateRoute,}=propsreturn(TESTINGANCHOR...一些路线:exportdefaultclassextendsComponent{constructor(){super()this.state={isLoading:true}}render(){return(Iposmornasantosparos...当我单击navebar

javascript - 在 anchor 上执行 Javascript 的最佳方式

通常,有3种方式(据我所知)可以从执行javascript标签:1)使用onclick():hello2)直接链接:hello3)或外部附加://Inanonloadeventorsimilardocument.getElementById('hello').onclick=window.alert('Hello');returnfalse;hello我实际上是通过AJAX加载链接,所以#3基本上已经过时了。那么,做#1或#2还是完全不同的事情更好?还有,为什么?我应该注意哪些陷阱?另外值得注意的是,anchor实际上没有链接到任何地方,因此href="#",我正在使用a所以样式符合,

javascript - 有没有CSS :visible (scroll) selector?

我只想使用CSS更改可见元素的样式。有选择器吗?它只需要与Chrome和Firefox一起使用。(我正在构建一个扩展/插件)如果没有,有没有办法用轻量级的javascript改变可见元素的样式?在当前滚动位置可见。元素可以超出滚动视野,或部分可见。 最佳答案 没有用于评估可见性的标准纯CSS规则。正如其他人所说,jQuery(如果您想使用jQuery)既有CSSselectorextension:visible以及在任何给定的jQuery对象上执行.is(':visible')的能力,以使用.css在任何给定的DOM元素上获取计算样

javascript - jQuery/JavaScript : Detecting scroll direction - code structure issue

我需要检测用户滚动的方向——“向上”或“向下”。基于此答案中的代码:HowcanIdeterminethedirectionofajQueryscrollevent?我试图将它包装在一个函数中,这样它就更有区别了——但不幸的是,它不起作用。我认为这与我返回值的方式有关,但方向始终是“向上”。作为JavaScript的新手,我在解决这个问题时遇到了问题。代码如下:$(document).ready(function(){'usestrict';varlastScrollTop=0,st,direction;functiondetectDirection(){st=window.pageY

knockout.js 和禁用 anchor 标记

如何使用此自定义绑定(bind)禁用和启用anchor标记。它适用于输入元素,但anchor标记只是更改CSS,而不是禁用。ko.bindingHandlers.myDisabled={update:function(element,valueAccessor){varvalue=ko.utils.unwrapObservable(valueAccessor());ko.bindingHandlers.css.update(element,function(){return{disabled:value};});ko.bindingHandlers.disable.update(ele

javascript - 如何让我的导航栏在滚动经过 anchor 时更改 CSS 类?

我正在使用Bootstrap3并希望实现thiseffect当用户滚动经过我页面上的大标题图像时。我需要导航栏的背景从透明变为白色。我查看了他们的代码,我知道它是用javascript完成的,甚至还看到了WHERE我认为它正在发生(在该JS中查找ID“#main-header”)...除了不了解高级Javascript之外,我正在寻找一种方法,以便在滚动到某个点时将其应用于我的导航栏。我的代码的类称为“导航栏”,我希望它在通过“#main”时变成白色。如果您需要更多信息,请告诉我,如果有人愿意提供帮助,请提前致谢! 最佳答案 完成您

javascript - ionic 2 + Angular 2 : auto scroll to bottom of list/page/chat

我正在尝试编写包含“聊天”和“内容”两个部分的页面。我希望那个“聊天”将页面自动滚动到底部而没有任何效果。聊天是有几个.item1item2....item20item21我使用的是Javascript,而不是typescript,而且我不想不使用jQuery。谢谢:)另外,当我转到“内容”部分并返回“聊天”时,我想再次自动滚动聊天。 最佳答案 这是我的做法:chatPage.htmlchatPage.html中重要的一点是#content在.我将使用#content标识符以获取对的引用在我的chatPage.js中使用ViewCh

javascript - 使用 Infinite Scroll 进行 Isotope v2 过滤 - 过滤器未找到所有项目并且窗口未在过滤器上调整大小

注意!有一个待处理的feature-requestissue在Isotope的GitHub存储库上,如果您有兴趣查看官方文档和演示(如何结合Isotope、InfiniteScroll、过滤和排序),您应该添加“?”react。它由Isotope的创建者打开以衡量兴趣。如果有兴趣,请点赞!**TL;DR:为了帮助获得官方文档和演示,gohereandadda"?"reaction.**尝试使用IsotopeJSplugin拼凑出一个可过滤的布局和PaulIrish的(遗憾的是无人维护)InfiniteScrollplugin.过滤有些工作。最初它过滤页面1的内容。为了过滤不在第1页上的