刚才,我不小心偶然发现了http://www.benekdesign.com/.在鼠标滚轮上滚动它执行水平滚动.说真的,我不喜欢这个功能.这有点刺激.但是,请告诉我如何实现同样的目标.
编辑
哇,萤火虫说他正在使用
/*水平微小滚动 - 水平网站的平滑滚动脚本2(垂直"Tiny Scrolling"的兄弟)3 Marco Rosella - http://www.centralscrutinizer.it/en/design/js-php/horizontal-tiny - 滚动 4 v0.6 - 2007年2月14日
有没有jQuery无限滚动插件的替代品？
http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/
我试图使用jQuery实现滚动效果.我有一个背景div设置为100%浏览器窗口大小隐藏溢出.这有一个大的背景图像约.1500px x 2000px.
我想要的效果是当用户向下滚动页面时背景图像以滚动距离的百分比移动,因此对于每页向下滚动200px,图像在相同方向上移动10px.
谁能指出我正确的方向？这甚至可能吗？: ) 提前谢谢了.
UPDATE
我已经尝试过@Capt Otis的建议变体,但我仍然在努力解决我正在使用的代码如下:
$(window).scroll(function(){
if($(this).scrollTop() > 200) {
$('#div').animate({'background-postion': '+=10px 0'}, 500);
}
});
任何人都可以解释我做错了什么吗？
我的浏览器在ajax请求之后滚动到顶部然后我使用
$('html, body').animate({ scrollTop: $('#loadMore').offset().top }, 2000);
滚动回我的div.有没有办法阻止它从头开始滚动到顶部
现在我正在使用这个:
$('#go-to-top').each(function(){
$(this).click(function(){
$('html').animate({ scrollTop: 0 }, 'slow'); return true;
});
});
这在Chrome中不起作用,在Opera中我得到一个小闪烁:浏览器立即滚动到顶部,然后回到底部,然后它开始慢慢地滚动回顶部,就像它应该的那样.
有一个更好的方法吗？
我正在开发一个项目,我正在使用UICollectionView创建一个'图像自动收报机',我正在宣传一系列徽标.collectionView是一个项目高和十二个项目长,并一次显示两到三个项目(取决于可见的徽标的大小).
我想从第一个项目到最后一个项目进行慢速自动滚动动画,然后重复.
有没有人能够做到这一点？我可以使用滚动工作
[myCollection scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:(myImages.count -1) inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:YES];
但这太快了!
[UIView animateWithDuration:10 delay:2 options:(UIViewAnimationOptionAutoreverse + UIViewAnimationOptionRepeat) animations:^{
[myCollection scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:(myImages.count -1) inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO];
} completion:nil];
这产生了所需的滚动速度,但只有最后几个单元格在系列中可见.我怀疑它们(甚至是起始的可见细胞)都会立即出现.
有什么想法吗？
我在网页上的iOS Safari中遇到了垂直滚动的问题:在滚动时,页面以非常慢的方式移动,具有高阻力(这种行为对于iOS浏览器来说并不常见)
我试图找到问题:
<!-- piece of HTML listing -->
<body>
<div id="wrapper">
(here goes some content)
</div>
</body>
我在overflow-x:hidden;规则中检测到问题div#wrapper,将其更改为'overflow:hidden;' 或者在Web调试面板中动态删除它.
有没有机会在不改变页面布局的情况下修复它？
在Safari/iOS 6.1.4和7(包括iPad和iPhone)上重复,也在OS X上的iOS模拟器中重复.
我有一个网页,其中有三个div同步在一起.
+----------+
| TOP |
+---+----------+
| | ||
| L | CENTER ||
| |_________||
+---+----------+
<!--Rough HTML-->
<div>
<div class="topbar-wrapper">
<div class="topbar"></div>
</div>
<div class="container">
<div class="sidebar-wrapper">
<div class="sidebar"></div>
</div>
<div class="center-wrapper"> <!-- Set to the window size & overflow:scroll -->
<div class="center"></div> <!-- Has the content -->
</div>
</div>
</div>
中心div有滚动条,水平和垂直.顶部和左侧div没有滚动条.相反,当移动水平滚动条时,滚动事件会margin-left适当地更新顶部div .同样,当移动垂直滚动条时,margin-top会更新.在这两种情况下,它们都设置为负值.
$('.center-wrapper').scroll(function(e) {
$('.sidebar').css({marginTop: -1 * $(this).scrollTop()});
$('.topbar').css({marginLeft: -1 * $(this).scrollLeft()});
});
这在Chrome和Firefox中运行良好.但在Safari中,移动滚动条与正确设置的负边距之间存在延迟.
有一个更好的方法吗？或者有没有办法摆脱Safari的滞后？
编辑:
看看这个小提琴,看看Safari中的滞后:http://jsfiddle.net/qh2K3/
我试图想出一种方法来测量滚动事件的速度,这将产生某种数字,它将代表速度(从滚动点A到B点的距离相对于它所花费的时间).
我有一个非常简单的Flutter应用程序,带有两个视图的TabBarView(选项卡1和选项卡2),其中一个(选项卡1)有一个带有许多简单文本窗口小部件的ListView,问题是我向下滚动ListView元素后的标签1,如果我刷卡从标签1至标签2,最后我刷卡从 标签2到选项卡1,在ListView控件之前的滚动位置标签1迷路.
这是代码:
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => …scroll ×10
jquery ×6
javascript ×5
html ×2
ios ×2
safari ×2
ajax ×1
background ×1
events ×1
flutter ×1
image ×1
listview ×1
nsindexpath ×1
overflow ×1