草庐IT

Axure菜单滚动切换

全部标签

javascript - 全屏视频不允许在 Firefox 上滚动

我正在使用fullscreen.js脚本,在我的其中一个屏幕上我将有一个全屏Vimeo视频。显然,这会导致FF出现问题,并阻止我在到达视频屏幕后立即向上或向下滚动。该问题已提交到脚本的GitHub页面,但作者将其驳回,因为它是一个FF问题(https://github.com/alvarotrigo/fullPage.js/issues/803)。我将所有这些与基础CSS一起用于响应式视频:"width="400"height="225"frameborder="0"webkitAllowFullScreenmozallowfullscreenallowFullScreen>错误是这个

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - 滚动 Angular 4 后修复标题

我在滚动后修复标题时遇到问题,我尝试了很多方法但无法正常工作。我检查了这个线程,但它对我不起作用:Angular4@HostListenerWindowscrolleventstrangelydoesnotworkinFirefox.这是我的组件结构:布局步骤路线在滚动50像素后,内部步骤是我要修复的标题。在Layout内部是一些其他内容,例如带有Logo背景的div(在步骤内容之上)。这是我在Steps.ts中尝试的@HostListener('window:scroll',[])onWindowScroll(){constnumber=window.scrollY;if(numbe

javascript - 单击鼠标左键的上下文菜单?

jsTreecontextmenu的描述说“当用户右键单击一个节点时(或当开发人员以编程方式触发时),上下文菜单插件可以显示上下文菜单。”谁能告诉我怎么做我可以触发菜单在左侧鼠标点击保持鼠标右键不变 最佳答案 从JSTree3开始$('#jstree_list').jstree({...}).on('select_node.jstree',function(e,data){setTimeout(function(){data.instance.show_contextmenu(data.node)},100);});延迟似乎是必要的

javascript - 禁用鼠标滚动

我有一个包含文本框的页面。当我将文本框滚动到底部时,文档将在它之后滚动。如何禁用文档的鼠标滚动但在鼠标悬停在文本框上时启用文本框的滚动?我只需要禁用鼠标滚动而不是窗口滚动条。页面有固定大小,只有在浏览器窗口没有最大化时才会有滚动条。该文档的大小为800x600像素,我认为应该适合大多数用户。我将JavaScript与jQuery结合使用。 最佳答案 $('#txt').hover(function(){$('body').css('overflow','hidden');},function(){$('body').css('ove

javascript - 在滚动完成之前,Safari 中的单指滚动不会呈现 html

在一个移动web应用程序中,我有一个div,它可以使用新的fancy-webkit-overflow-scrolling:touch滚动。唯一的问题是只有在滚动完成时才会呈现内容。有没有办法让MobileSafari(可能还有其他移动浏览器,如Android中的浏览器)在单指滚动期间呈现html?.layer-content{position:absolute;top:112px;bottom:0;width:100%;background:#e6e6e6;overflow-y:scroll;-webkit-overflow-scrolling:touch;}

javascript - 如何锁定滚动条并使其可见

当用户点击任何平面时,我会出现一个对话框。如果视口(viewport)高度大于550像素,我想做的是锁定滚动条。现在我将overflow:hidden应用于正文,但这会导致滚动条隐藏时站点跳转。我想禁用滚动,但仍显示滚动条。可能吗?提前致谢! 最佳答案 您可以通过检测滚动来模拟滚动条锁定,然后滚动回到之前的位置。(这在某些浏览器上可能会出现抖动,尤其是当您拖动滚动条本身时)functionlockScroll(){varlockX=window.scrollX;varlockY=window.scrollY;functionlock

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - 导航栏中的下拉菜单不会展开( Bootstrap 、 Angular 、指令、路线)

由于某些奇怪的原因,Bootstrap菜单下拉菜单在通过路由器模板构建时不会在单击时展开。直接在模板中使用它工作正常。这是可以玩的plunker:http://plnkr.co/edit/GOky2ajHl46VddQRKDye?p=previewTESTvarapp=angular.module('app',['ngRoute','ctrls']);app.config(function($routeProvider){$routeProvider.when('/menu',{template:'',controller:'mainCtrl'}).otherwise({redirec

javascript - 如何修复 md-tabs 和 md-toolbar 以及滚动 md-content?

我正在尝试做这样的事情:{{item}}{{item}}我希望选项卡和工具栏固定(始终可见)并滚动列表的内容。我找不到办法做到这一点。还有其他类似的问题报告(例如here),但它们似乎是旧的并且应该已修复。我正在使用angular-material0.10.0笨蛋here 最佳答案 您可以使用一点CSS来做到这一点。Addaclasstotheelementswithposition:fixed!important不要忘记使用!important。这将覆盖选项卡和工具栏的默认位置属性 关