草庐IT

Axure菜单滚动切换

全部标签

javascript - 当用户滚动时停止当前的 scrollTo 事件

我使用的是http://nick-jonas.github.io/windows/的修改版本这允许用户在DIV的不同部分内滚动,然后这些部分将弹回原位。因为我正在滚动我已经替换的DIV:$('.windows').animate({scrollTop:scrollTo},options.snapSpeed,function(){if(!completeCalled){if(t){clearTimeout(t);}t=null;completeCalled=true;options.onSnapComplete($visibleWindow);}});与:$('.windows').sc

javascript - IE 6 在菜单上选择控件(组合框)

在IE6中,选择控件(组合框)显示在菜单顶部。我检查了一些Javascript菜单,mmmenu,但都在选择控制之下。它不能通过分配Z-Index来修复。有没有其他解决办法。 最佳答案 这是IE6的一个众所周知的错误,试图将div绝对定位在选择控件的顶部。有涉及iframe垫片的解决方法,但没有好的答案。iframeshim答案是将iframe放置在您试图放置在选择上方的任何div下方,并且iframe大小相同。不幸的是,这是一个巨大的痛苦。我建议使用已经使用iframe垫片的javascript菜单系统,例如YUImenus(我假

javascript - 拦截按键(如空格和箭头)时停止页面滚动

我正在使用JavaScript和Prototype并捕捉用户的按键操作。我用这样的代码成功地捕获了返回、空格和箭头:Event.observe(window,"keyup",function(e){switch(e.keyCode){caseEvent.KEY_RETURN:caseEvent.KEY_RIGHT:case32://space//dosomethingbreak;}});我的问题是空格和箭头一直在滚动页面。有没有办法阻止他们滚动页面? 最佳答案 使用e.preventDefault()停止浏览器的默认行为

javascript - jQuery 中的智能切换类

我正在尝试实现一个脚本来为特定元素设置不同的类名......让我们假设dom看起来像这样:如果我做smartToogle('body','new-class');//thedomshouldlooklikethis//smartToogle('body','new-class-2');//thedomshouldlooklikethis//我做了以下代码,但它不起作用:varsmartToogle=function(element,newClassName){varoldClassName;var$element=$(element);$element.addClass(newClas

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有

javascript - 在向下滚动之前,页面加载时显示粘性 "back to top"按钮

我按照教程获得了一个粘性的“返回顶部”按钮,该按钮会在您向下滚动时出现。出于某种原因,当您在页面首次加载后位于页面顶部时,它会显示。如果向下滚动,然后一直向上滚动,它就会消失(应该如此)。但最初它表现不正常。有什么想法吗?这是我正在使用它的实时页面,您可以在右下角看到它:http://willryan.usHTMLBacktotop$(document).ready(function(){//Showorhidethestickyfooterbutton$(window).scroll(function(){if($(this).scrollTop()>200){$('.go-top'

javascript - 使用 AngularJs 和 Firebase 无限滚动

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

javascript - 使用 URL 和哈希切换 Bootstrap 模式

我想使用带有散列的URL来调用特定的Bootstrap模态。换句话说,用户在page1上并单击指向page2#hash的链接,并且在page2加载时加载#hash模式。根据我在其他问答中读到的内容,我尝试了很多变体,但没有任何效果。我对JS一点经验都没有,所以非常感谢您的帮助!这是我所拥有的:第1页上的链接:第2页的HTML:...第2页上的Javascript:if(window.location.hash){varhash=window.location.hash;$("'"+hash+"'").modal('toggle');}顺便说一下,当用户实际在page2上时调用模式就可以

javascript - 有条件地阻止移动 safari 中的滚动/触摸移动事件

iOS5现在允许原生溢出:滚动支持。我想做的是为所有元素禁用touchmove事件,但具有“可滚动”类的元素或其子元素除外。但我似乎无法让它工作;这是我一直在使用的以下内容:.scrollable{height:5em;overflow-y:scroll;-webkit-overflow-scrolling:touch;}//doesn'tseemtoworkvarhandleMove=function(e){if(!$(e.target).parents().andSelf().hasClass('scrollable')){e.preventDefault();}};documen

javascript - 在 jQuery 中基于复选框切换输入的禁用属性

这个问题在这里已经有了答案:Howdoidisableasubmitbuttonwhencheckboxisuncheck?(7个答案)关闭8年前。我有一个默认未选中的复选框和默认禁用的输入。Iamafull-timestudent.我可以完全控制类名和ID名称,并且网站使用jQuery,因此可以根据需要使用它或纯javascript。如果用户选中该框,则应从以下输入中删除“已禁用”属性。如果用户取消选中,它应该再次被禁用。在StackOverflow上发现了几个类似的问题,但似乎没有一个是这个确切的用例。