草庐IT

scroll-view滚动条

全部标签

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

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

javascript - 谷歌地图 - 使用自定义 json 样式*和* TERRAIN View

所以我创建了一些自定义JSON来使海洋呈现更饱和的蓝色,但现在似乎无法将map默认设置为TERRAINView,它只是转到标准ROADMAPView,似乎无法正常工作为什么会这样,有什么想法吗?functioninitialize(){//Createanarrayofstyles.varblueOceanStyles=[{featureType:"water",stylers:[{hue:"#4b83d4"},{saturation:53}]}];//CreateanewStyledMapTypeobject,passingitthearrayofstyles,//aswellast

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 - 从 ERB 切换到 Angular 时,Rails 应用程序中的 AngularJS View 功能测试中断

首先,我有一个工作rails“显示”页面显示项目名称和属于该项目的条目。当使用Angular$scope显示项目名称并使用ERB中的block显示条目时,我的测试通过了。当我用AngularDirective(指令)“ng-repeat”替换条目ERB代码时,仅我的条目测试场景开始失败。有趣的是,该应用程序仍在浏览器中运行。请记住,在我看来,另一个$scope变量过去和现在仍然通过使用几乎相同的测试。工作show.html.erb(在ERB中查看的条目):Thisis{{project.details.name}}Entries打破show.html.erb(在Angular中查看的条

javascript - 使用 twitter bootstrap scroll spy

我一直在尝试让scrollspy在我的bootstrap网站上工作,但我无法让它工作。我遇到的问题是,无论我滚动到哪里,滚动都没有效果。你可以看到我在做什么here.我已经执行了所有需要的步骤,即下面是body标签导航也在那里:HomeAboutHowtoUse?Contact也调用了scrollspy。$('#top-fixed-nav').scrollspy();任何人都可以看看并指出我在这里忽略或做错了什么。 最佳答案 Docs说:Toeasilyaddscrollspybehaviortoyourtopbarnavigati

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

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

javascript - 用户手动滚动时突出显示 anchor 链接?

这个问题在这里已经有了答案:ChangeActiveMenuItemonPageScroll?(4个答案)关闭7年前。很抱歉发了这么长的帖子。我想包括所有可能有用的内容。我有一个单页网站,由几个垂直堆叠的div组成。我正在使用float导航栏和softscroll.js使anchor链接在单击时移动到div。我是一名前端设计师,但通过这个网站和数小时的试验/错误和谷歌搜索,我已经能够让所有元素正常工作。(调整窗口大小时自动调整div高度,突出显示单击的anchor链接,滚动等)我已将其设置为单击anchor链接会将其类更改为“事件”。效果很好。但是如果用户也手动滚动到div,我想触发同

javascript如何在滚动路线上 move 元素

我有一条像垂直蛇一样的路线。(像这样http://www.my-favorite-coloring.net/Images/Large/Animals-Reptiles-Snake-31371.png)我如何通过滚动的X和Y位置move路径上的元素(圆10x10)?水平没问题:varcoin=$('#coin');$(window).scroll(function(){varcoinTop=coin.css('top'),cointLeft=coin.css('left');if($(window).scrollTop()>100&&$(window).scrollTop()但是我如何沿

javascript - 我如何关闭 Electron 中的调试 View ?我无法使用谷歌找到任何关于它的信息

每次我运行我的Electron应用程序时,它都是这样开始的!始终打开前端元素View,如果没有在GUI上显示,我如何启动我的应用程序?此外,为什么它与黑色背景一起使用?它在chrome上运行良好。谢谢你们,伙计们 最佳答案 黑屏可能是由于css文件路由。检查它们。如果您遵循入门Electron教程,您很可能正在调用mainWindow.openDevTools();。删除该行,您将不会获得控制台。 关于javascript-我如何关闭Electron中的调试View?我无法使用谷歌找到任

javascript - 页面滚动时将 Div 元素从一个移动到另一个

我看到了一些与我正在寻找的相似但不完全相同的东西。所以我想做的是将元素从一个父div内移动到另一个父div,但只有在用户向下滚动页面一定量后才可以。因此,一旦用户到达页面上的某个点,元素就会移动到另一个点,然后在页面的最顶部淡入。到目前为止,我已经能够创建div元素并让它显示在页面顶部,但只有在用户向下滚动600时才会显示。我现在需要做的是一旦这个元素出现移动其他div页面上的元素出现在其中。不确定我是否解释得很好!因此,如果您查看下面的代码,我现在要做的是在用户向下滚动并出现时将所有div类“Test”移动到“Top”元素内。然后,如果用户再次向上滚动,“Top”元素就会消失,“Te