Javascript 如何提高div的滚动速度?
我正在尝试做一种视差网页设计。我的问题是,如果有人知道我怎样才能让红色潜水艇跑得更快。我想它在配方里,但我不确定。也许有人知道 这是我的密码:Javascript 如何提高div的滚动速度?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我正在尝试做一种视差网页设计。我的问题是,如果有人知道我怎样才能让红色潜水艇跑得更快。我想它在配方里,但我不确定。也许有人知道 这是我的密码: })) 我对此不太确定。当我尝试这个时,它加快了红色div的移动 $(document).ready(function () { var $horizontal = $('#horizontal'); $(window).scroll(function () { var s = $(this).scrollTop(), d =
})) 我对此不太确定。当我尝试这个时,它加快了红色div的移动
$(document).ready(function () {
var $horizontal = $('#horizontal');
$(window).scroll(function () {
var s = $(this).scrollTop(),
d = $(document).height(),
c = $(this).height();
scrollPercent = (s / (d - c));
var position = (scrollPercent * 10 * ($(document).width() - $horizontal.width()));
$horizontal.css({
'left': position
});
});
});
如果您希望滚动速度更快,您需要使用滚动百分比:
scrollPercent = (s / (d - c) * 2);//twice fatser
scrollPercent = (s / (d - c) * 3);//3 times fatser
甚至更快:
scrollPercent = (s / (d - c) * 2);//twice fatser
scrollPercent = (s / (d - c) * 3);//3 times fatser
变量位置的可能重复=(滚动百分比*3*($(document.width()-$horizontal.width());好的,谢谢你的帮助!我现在正在把它编辑到我自己的网站上。但是它会很快,只要减少10。我从1开始,慢慢地测试到10。