草庐IT

scroll-view滚动条

全部标签

javascript - 使用鼠标滚轮和滚动条平滑垂直页面滚动

我正在玩弄并尝试建立一个视差网站-是的,我知道它们是一种令人讨厌的时尚,但我仍然想尝试一下。因此,为了获得灵感,我一直在查看各种优秀视差网站的示例并发现了这个网站:https://victoriabeckham.landrover.com/INT.它可以使用鼠标滚轮、滚动条和anchor链接进行平滑滚动。我一直在寻找可以实现这种效果的jQuery插件,但似乎只能找到使用内部页面链接的插件-anchor或ID(详见下文)-但不是鼠标滚轮和滚动条。我很有可能使用了错误的关键字进行搜索。有谁知道找到这些插件的正确术语或知道任何可以实现这种效果的插件吗?附带说明一下,我目前正在学习jQuery

javascript - 防止 scrollTop 调用滚动事件

我正在尝试创建此行为:当用户滚动鼠标滚轮(或按↓)时,网页会向下滚动窗口的高度。我最终得到了以下代码:varnewScrollTop,oldScrollTop=$(window).scrollTop(),preventScroll=false;$(window).scroll(function(){if(!preventScroll){preventScroll=true;newScrollTop=$(this).scrollTop();if(newScrollTop>oldScrollTop){$(this).scrollTop(oldScrollTop+$(window).heig

javascript - jQuery 滚动事件

我正在尝试以下jQuery代码。当我向上或向下滚动时,我想fadeOut一个div,当滚动停止时fadeIn相同的div。我的是这样的:$(document).ready(function(){$(window).scroll(function(e){$('#search_tab').fadeOut('slow');});});我知道这会在滚动开始时淡出div,但诀窍是在我停止滚动后淡出。现在,我看到了这个(但仍然不是我想要的)//Firefox$('#elem').bind('DOMMouseScroll',function(e){if(e.detail>0){//scrolldow

javascript - 创建一个接受可变数量 View (以及区域)的布局

我的目标我需要创建一个自定义布局(流布局),它可以接收可变数量的View,并根据它们创建必要的区域,并在这些区域内显示传入的View。View可以垂直排列或水平。要求该布局有一个模板,其中最初未定义区域。它只包含一个包装器(data-role="region-wrapper"),添加的区域将在其中呈现。我的方法。1-扩展Marionette.Layout(显然)2-像下面这样重写构造函数constructor:function(options){//callsuperhere...this.viewList=options.viewList||[];this._defineRegion

javascript - 如何使用 ControllerAs 语法手动更新 AngularJS View ?

我正在开发一个带有可排序、可停靠、可float小部件的仪表板。我正在使用的控件之一在结束body标记之前在DOM底部生成float小部件作为HTML。这有效地从窗口控件中生成它们的Controller范围中删除了在窗口控件中完成的操作。我正在使用可用的controllerAs语法开发此仪表板Controller,但我不知道如何在外部组件执行影响数据的操作时使用此语法有效地更新View风景?注意:这不是我面临的唯一一个迫使我手动更新主视图的问题。页面上其他地方也有执行影响View的操作的指令。理想情况下,我永远不必手动更新View,因为我将使用在影响摘要循环的内置Angular命令中发生

javascript - jQuery UI 可拖动可防止在移动设备上滚动

我有垂直列出的全屏宽度的可拖动元素。我正在使用一个名为(jquery.ui.touch-punch)的插件来启用jQuery可在移动设备上拖动。但问题是可拖动元素会阻止用户滚动页面。$('#novieList.element.content').draggable({axis:'x',revert:function(){return$(this).position().left 最佳答案 我认为在jquery.ui.touch-punch.js中注释掉event.preventDefault()不再有效。我尝试了相同的解决方案,发现

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 - 在 Node js 中将 360 度 View 转换为等距柱状 View ?

这两天我一直在尝试将360度相机、单鱼眼图像转换为nodejs中的equirectangularviewer。在stackoverflow中,同样的问题是用伪代码提出和回答的。我一直在尝试将伪代码转换为Nodejs并清除一些错误。现在项目运行没有错误,但输出图像是空白的。从那个伪,我不知道polar_w、polar_h和geo_w、geo_h、geo和polar值,因此,它给出了静态值来显示输出。这是我用来将伪代码转换为Nodejs的链接。Howtoconvertsphericalcoordinatestoequirectangularprojectioncoordinates?.这是