草庐IT

Axure菜单滚动切换

全部标签

javascript - 切换类名 onclick JavaScript

我快到了,只是对我的代码设置有点不确定,我基本上想在单击时删除一个类,然后再次将其添加回onclick,然后删除onclick,然后添加onclick。等等!这就是我所拥有的,它就快到了,但是如果有更好的方法可以做到这一点,请帮忙!谢谢。document.getElementById('myButton').onclick=function(){myButton.className=myButton.className.replace(/(?:^|\s)active(?!\S)/g,'')?'active':jbar.className.replace(/(?:^|\s)active(

javascript - 防止 fb.ui() 滚动浏览器

我正在使用iframe开发FacebookCanvas页面应用程序。我正在使用fb.ui()创建一个用于共享的对话框,但是当对话框打开时,它首先居中,然后一旦异步调用加载对话框,它将对话框移动到iframe的顶部并滚动浏览器到顶部。我考虑过使用jQuery来重新定位框,但是我还必须滚动浏览器位置,这让我大吃一惊。任何建议将不胜感激。 最佳答案 有同样的问题,在iFrame中定位很糟糕。保持对话框正确定位的最简单方法是使用弹出显示选项,它会在当前页面的中心上方弹出一个新的浏览器窗口。它不是那么漂亮,但效果很好。//genericsha

javascript - iPad 应用程序上的动量滚动问题

在我的页面上,我有两个面板,其中左侧面板包含一个堆叠在一起的元素列表,当我单击/选择其中一个元素时,有关所选元素的更多信息将显示在右侧面板中。我需要右侧面板可以滚动,因此向该面板添加了类似原生的动量滚动,如下所示-#rightPanel{position:absolute;top:50px;height:400px;width:500px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}要在左侧面板中的元素列表中移动,我添加了单指滑动。它工作正常,但是当我滑动下一个元素时,右侧面板已经滚动,这是不需要的。为了解决这个问题,添加了这

javascript - jasny bootstrap offcanvas 不会在手机上滚动

我使用jasnybootstrap插件创建了一个侧边菜单。标记相当简单:whichmayhavenested-->问题是它在手机上不可滚动。当我尝试滚动它时,它根本不起作用。我试图使用带有网络检查器的iOS模拟器对其进行深入检查,并尝试绑定(bind)一些事件。我尝试将scroll事件绑定(bind)到.sidemenu但此事件从未触发。然后我尝试绑定(bind)touchstart事件并且它按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?知道为什么它不起作用吗? 最佳答案 尝试将data-placemen

javascript - 每次刷新后 backbonejs 输出切换

我正在学习教程并尝试运行thiscode.每次刷新,如下代码console.log(childView.el);输出在此之间切换还有这个:div#master.container我想了解为什么会切换。这是我看到的gif(看看控制台)。 最佳答案 据我所知,Chrome有两种不同的方式在控制台中显示元素:“DOM方式”和“Javascript方式”。我相信您看到的是Chrome最初以一种方式呈现元素,然后立即切换到另一种呈现方式(即您在开发人员工具中看到了一个小错误)。 关于javascr

javascript - 在拖放元素上滚动在 IE9 中创建行

https://jsfiddle.net/hjcsnrs3/1/我创建了上面的fiddle来解释我的问题。我正在使用jQuerysortable水平拖放元素。在Chrome/FF中运行良好。但是在IE中,尤其是IE9,每当我拖动元素时,它都会掉到下一行。每次拖放都会创建新行。$(function(){$("#sortable").sortable({items:">div",opacity:0.8,placeholder:"placeholder",tolerance:"pointer",helper:"original",revert:true,axis:"x"});$("#sort

javascript - 固定元素通过时如何在父元素内滚动元素?

这对我的jQuery/javascript知识来说有点太棘手了,所以我很抱歉地说我还没有真正尝试过任何东西。我需要一些提示来指明正确的方向!问题是我的页面上有一个固定元素,当向下滚动时这个元素将进入不同的包装器,而在那个包装器中我需要一个较小的子元素来“捕捉”到我的固定元素并且当它在元素。有点难以解释,我在这里做了一个静态模型:http://jsfiddle.net/ycmYc/当“固定购物车按钮”达到价格时,只要它在价格“product-div”内,我就需要它附加并与购物车按钮一起滚动。当它离开并进入下一个时,价格应保留在其产品的底部,然后在用户通过向上滚动到达它时再次捕捉到购物车按

javascript - jquery ui 可在容器内拖动滚动

我有一个无序列表,并使用jqueryuidraggable向每个列表项添加了可拖动功能。该列表位于id="content"的div中。这是我的UL列表的快照这是我写的代码:$(function(){$(".draggable").draggable({scroll:true,scrollSensitivity:100,revert:true,containment:'#content',zIndex:999990,revertDuration:100,delay:100});});OneTwoThreeFourfivesixSevenEightNineTenElevenTwelveTh

javascript - 检测浏览器是否已经具有平滑滚动功能

我已经使用这段JavaScript在我的网站上添加了点击哈希链接时的平滑滚动。$('a[href*=#]').click(onAnchorClick);functiononAnchorClick(event){return!scrollTo(this.hash);}functionscrollTo(target){vare=$(target);vary=e.exists()?e.offset().top:0;if(y==0&&target!='#top')returnfalse;if(Math.max($('html').scrollTop(),$('body').scrollTop(

javascript - 如何在不重新创建 map 的情况下使用 Knockout.js 切换 KML 图层?

我已经创建了一个Knockout绑定(bind),以便能够使用Googlemap切换KML层,但该解决方案似乎有点慢且“闪烁”。如何避免在每次切换时重新创建map和图层?可以找到正在运行的演示herevarViewModel=function(){varself=this;self.mapOptions={center:newgoogle.maps.LatLng(60.390791,5.306396),zoom:2};self.levels=[{text:"Type1",countries:ko.observableArray(['https://dl.dropbox.com/u/28