Tag: 滚动

内容滚动到视图时激活CSS3animation

我有一个条形图,animationCSS3和animation当前激活页面加载。 我的问题是给定的条形图由于之前有很多内容而被放置在屏幕之外,所以当用户向下滚动时,animation已经完成。 我正在寻找通过CSS3或jQuery的方式,只有当查看器查看图表时才激活条形图上的CSS3animation。 <div>lots of content here, it fills the height of the screen and then some</div> <div>animating bar chat here</div> 如果您在页面加载后向下滚动,您可以看到它的animation。 这是我的代码jsfiddle 。 此外,我不知道这是否重要,但我有这个条形图在页面上的几个实例。 我遇到了一个名为waypoint的jQuery插件,但我绝对没有运气让它工作。 如果有人能把我指向正确的方向,这将是非常有益的。 谢谢!

从JSON填充Listview

有谁知道任何dynamic加载Json数据到ListView的例子,我见过的大多数例子只是使用某种静态数组。 我需要加载说10行的Json数据,然后在底部有更多的负载..以获得下一个10等等等使用JSON请示例….

如何滚动到div内的元素?

我有一个滚动的div ,我想要有一个链接,当我点击它会强制这个div滚动查看里面的元素。 我这样写了JavasSript: document.getElementById(chr).scrollIntoView(true); 但是这滚动所有的页面滚动div本身。 如何解决这个问题? 我想这样说 MyContainerDiv.getElementById(chr).scrollIntoView(true);

如何使用JQuery $ .scrollTo()函数滚动窗口

每次用户靠近文档顶部时,我都试图向下滚动100px。 当用户靠近文档的顶部时,我有函数执行,但.scrollTo函数不起作用。 我在之前和之后发出警报,检查是否确实是该线路的阻断,只有第一个警报熄灭,代码如下: alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); 我知道我有正确的jquery页面链接,因为我使用了许多其他的jQueryfunction,他们都工作正常。 我也尝试从上面删除'px',这似乎没有什么区别。

如何在用户将视图滚动到视图中时dynamic(或延迟)加载图像

我已经注意到这在许多“现代”的网站(如Facebook和谷歌图片search),只有当用户向下滚动页面足够使他们进入可见的视口区域内的折叠下的图像( 查看源代码,页面显示X数量的<img>标签,但不能直接从服务器获取 )。 这种技术叫做什么,它是如何工作的,以及在多less浏览器中工作。 有没有一个jQuery插件,可以用最less的代码来实现这个行为。 编辑 奖金:有人可以解释是否有一个“onScrolledIntoView”或类似的事件的HTML元素。 如果不是,这些插件如何工作?

禁用在列表视图中滚动

我有一个列表视图,并根据我想临时禁用滚动的一些逻辑。 view.setOnScrollListener(NULL); 不帮助我我想我需要写一些代码,有人可以给我一个hist或一些片段? 谢谢

android:ViewPager和Horizo​​ntalScrollVIew

我的ViewPager有一个HorizontalScrollView 。 我设置了requestDisallowInterceptTouchEvent(true); 对于HorizontalScrollView但ViewPager仍然有时会拦截触摸事件。 是否有另一个命令,我可以用来防止视图的父母和祖先拦截触摸事件? 注意: HorizontalScrollView只占用一半的屏幕。

使用java在Selenium WebDriver(Selenium 2)中向上或向下滚动页面

我已经在Selenium 1(又名Selenium RC)中使用java编写了以下代码来进行页面滚动: selenium.getEval("scrollBy(0, 250)"); Selenium 2(WebDriver)中的等效代码是什么?

WPF图像平移,缩放和滚animation布上的图层

我希望有人能帮助我。 我正在构build一个WPF成像应用程序,该应用程序从摄像头获取实时图像,以便用户查看图像,然后突出显示该图像上的感兴趣区域(ROI)。 关于ROI(宽度,高度,相对于图像上的点的位置等等)的信息然后被发送回相机,实际上是告诉/训练相机固件在哪里寻找诸如条形码,文本,液位,转弯在图像上的螺丝等)。 所需的function是能够平移和缩放图像及其ROI,以及在图像缩放比查看区域大时滚动。 ROI的StrokeThickness和FontSize需要保持原始比例,但是ROI中的形状的宽度和高度需要随图像一起缩放(这对捕获传输到相机的精确像素位置至关重要)。 除了滚动和其他一些问题之外,我已经完成了大部分工作。 我关心的两个方面是: 当我介绍一个ScrollViewer我没有得到任何滚动的行为。 据我了解,我需要引入一个LayoutTransform来获得正确的ScrollViewer行为。 但是当我这样做时,其他区域开始分解(例如ROI在图像上不能保持其正确的位置,或者在平移时鼠标指针开始从图像上的选定点开始蠕动,或者图像的左angular弹跳到MouseDown上的当前鼠标位置。) 我不能像我所需要的那样得到我的投资回报率。 我有这个工作,但它不理想。 我有什么不保留确切的中风厚度,我没有看到在文本块忽略规模。 希望你能看到我在代码示例中做了什么。 我相信我的问题与我对变换缺乏理解以及它们与WPF布局系统的关系有关。 希望展示我迄今为止所完成的代码的翻译将有所帮助(见下文)。 仅供参考,如果Adorners是这样的build议,这可能不适用于我的情况,因为我最终可能会得到比所支持的更多的装饰(传闻144装饰是事情开始崩溃的时候)。 首先,下面是一个屏幕截图,展示了一个ROI(文本和形状)的图像。 矩形,椭圆和文本需要按照图像上的比例和旋转的区域,但不能按比例缩放或字体大小。 这里是显示上述图像的XAML,以及用于缩放的滑块(鼠标滚轮缩放将在稍后提供) <Window x:Class="PanZoomStackOverflow.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" Title="MainWindow" Height="768" Width="1024"> <DockPanel> <Slider x:Name="_ImageZoomSlider" DockPanel.Dock="Bottom" Value="2" HorizontalAlignment="Center" Margin="6,0,0,0" Width="143" Minimum=".5" Maximum="20" SmallChange=".1" LargeChange=".2" TickFrequency="2" TickPlacement="BottomRight" Padding="0" Height="23"/> <!– This resides in a user control in my […]

用户停止滚动时的事件

当用户滚动页面时,我想做一些奇特的jQuery的东西。 但我不知道如何解决这个问题,因为只有scroll()方法。 有任何想法吗?