草庐IT

vertical-scroll

全部标签

javascript - stopPropagation in scroll() - 方法不会阻止外部 div 滚动

我有一个具有固定高度和overflow-y:scroll;的innerdev,其中内容可以在y方向上滚动。当滚动到达顶部或底部时,外部div将滚动。我想阻止这种情况。我使用以下JavaScript:$(".concept-frame").scroll(function(e){console.log("Scolling..."+$(this).scrollTop());e.stopPropagation();});但是没有效果。我怎样才能阻止滚动传播到外部div? 最佳答案 滚动事件不会冒泡,所以e.stopPropagation()

javascript - stopPropagation in scroll() - 方法不会阻止外部 div 滚动

我有一个具有固定高度和overflow-y:scroll;的innerdev,其中内容可以在y方向上滚动。当滚动到达顶部或底部时,外部div将滚动。我想阻止这种情况。我使用以下JavaScript:$(".concept-frame").scroll(function(e){console.log("Scolling..."+$(this).scrollTop());e.stopPropagation();});但是没有效果。我怎样才能阻止滚动传播到外部div? 最佳答案 滚动事件不会冒泡,所以e.stopPropagation()

html - iOS 手机 : scrolling in iFrame within scroll-able parent

我在移动iOSSafari中遇到一个问题,当在iFrame本身内拖动时,无法在包含iFrame的div中滚动:#outside{height:400px;width:200px;background:blue;overflow:scroll;}.space{height:200px;width:200px;background:red;}iframe{height:1000px;width:200px;background-color:green;}ThegreensectionistheiFrame....ScrollingonthegreensectioniniOSmobileis

html - iOS 手机 : scrolling in iFrame within scroll-able parent

我在移动iOSSafari中遇到一个问题,当在iFrame本身内拖动时,无法在包含iFrame的div中滚动:#outside{height:400px;width:200px;background:blue;overflow:scroll;}.space{height:200px;width:200px;background:red;}iframe{height:1000px;width:200px;background-color:green;}ThegreensectionistheiFrame....ScrollingonthegreensectioniniOSmobileis

Javascript:检测 OS X "natural scroll"设置

我遇到了一个问题。对于我正在做的项目,我正在检测滚轮位置,并根据它导航到下一张幻灯片。然而,一个问题是,一些Mac用户使用“自然滚动”——反转他们在页面上的滚动。这意味着,对于那些用户,我应该使用另一个方向的滚Action为触发器。我的问题是;有没有办法检测用户习惯滚动的方向?我最初的想法是跟踪滚动并查看scrollTop和scrollwheel如何相互关联(即,我记录鼠标滚轮事件并查看页面滚动的方向)。然而,这需要用户在我知道要做什么之前滚动。这是行不通的,因为用户首先需要触发幻灯片更改。我很迷茫。感谢所有帮助。 最佳答案 实际上

Javascript:检测 OS X "natural scroll"设置

我遇到了一个问题。对于我正在做的项目,我正在检测滚轮位置,并根据它导航到下一张幻灯片。然而,一个问题是,一些Mac用户使用“自然滚动”——反转他们在页面上的滚动。这意味着,对于那些用户,我应该使用另一个方向的滚Action为触发器。我的问题是;有没有办法检测用户习惯滚动的方向?我最初的想法是跟踪滚动并查看scrollTop和scrollwheel如何相互关联(即,我记录鼠标滚轮事件并查看页面滚动的方向)。然而,这需要用户在我知道要做什么之前滚动。这是行不通的,因为用户首先需要触发幻灯片更改。我很迷茫。感谢所有帮助。 最佳答案 实际上

uniapp/微信小程序 scroll-view 设置scroll-x 失效问题解决

项目场景:实现一个横向滑动的scrollview,直接给scroll-view设置scroll-x,但是并没有实现想药实现横向滑动的效果,先看代码scroll-viewclass="scroll-view"scroll-x="true"> viewclass="item"v-for="(item,index)inrecommendSongs":key="index"> image:src="item.picUrl"mode=""class="img">/image> viewclass="descellipsis"> {{item.name}} /view>

jquery - 响应式设计 : How to resize images/background images and align divs vertically?

我正在尝试响应式设计。我的图片目前没有调整大小。在我的标记中,我还将背景图像应用于某些需要调整大小的div。这是HTMLView:http://jsbin.com/emojeg/2请在此处查看代码:http://jsbin.com/emojeg/2/edit对于800像素到1100像素之间的屏幕宽度,我想调整图像的大小。对于低于800像素的任何内容,我想垂直对齐相框-无论屏幕宽度是否允许,每行1或2个。目前,当我将浏览器调整为更窄的宽度时,最多2个框架会换行到下一行,但如果我继续进一步调整大小时,相框的背景似乎被切断并且一些图像似乎消失了。不确定如何解决这个问题。

jquery - 响应式设计 : How to resize images/background images and align divs vertically?

我正在尝试响应式设计。我的图片目前没有调整大小。在我的标记中,我还将背景图像应用于某些需要调整大小的div。这是HTMLView:http://jsbin.com/emojeg/2请在此处查看代码:http://jsbin.com/emojeg/2/edit对于800像素到1100像素之间的屏幕宽度,我想调整图像的大小。对于低于800像素的任何内容,我想垂直对齐相框-无论屏幕宽度是否允许,每行1或2个。目前,当我将浏览器调整为更窄的宽度时,最多2个框架会换行到下一行,但如果我继续进一步调整大小时,相框的背景似乎被切断并且一些图像似乎消失了。不确定如何解决这个问题。

javascript - Jquery Draggable - center cursorAt Vertically

我正在处理我的第一个JQuery项目,但遇到了一些障碍。我正在尝试允许对一组嵌套列表(ul)进行拖放重新排序。除定位外,一切正常。目标是使可拖动对象相对于光标垂直居中(水平移动受到限制),以便可以轻松删除嵌套在其中的元素的li。这是相关的JS:$(function(){$(".organizerlink").draggable({axis:"y",containment:"#organizer",scroll:false,helper:"original",revert:"invalid",cursorAt:{top:Math.round($(this).outerHeight()/2