- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
现在我正在使用这段代码:
function scroll(element, speed) {
element.animate({ scrollTop: $(document).height() }, speed,'linear', function() {
$(this).animate({ scrollTop: 0 }, speed, scroll(element, speed));
});
}
scroll($('#start, #end'), 300000);
但是,当我从移动设备或其他设备上查看时,滚动速度会发生变化,因为响应式设计会导致内容变长或变短。
我需要一个非常简单的“滚动到底部(带有 id 或类)”脚本,但是没有像开始变得更快然后在最后变得更慢的动画,当有人进入时从一开始就以恒定速度滚动网站。
提前致谢。
最佳答案
对于恒定速度,我们可以简单地使用可靠的 time = distance/speed
方程。
这是一个例子:
function scroll(element, speed) {
var distance = element.height();
var duration = distance / speed;
element.animate({scrollTop: distance}, duration, 'linear');
}
$(document).ready(function() {
$("button").click(function() {
scroll($("html, body"), 0.1); // Set as required
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button>Scroll</button>
<div id="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue in risus eget luctus. Integer lacinia cursus ullamcorper.
In venenatis hendrerit massa, tempor dictum ligula feugiat id. Sed est nulla, fringilla a eleifend et, efficitur
sit amet nisl. Maecenas a tempor nisl. Donec feugiat dictum orci sed dapibus. Mauris nec felis at nisl commodo gravida
at nec arcu. Praesent nibh nisi, pharetra blandit cursus auctor, pretium eget turpis. Donec quis tempus nisi. Aliquam
volutpat dolor magna, id sodales tortor viverra a. Fusce nulla quam, congue in malesuada non, hendrerit eu magna.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam vel tristique tortor,
auctor mollis neque.
</p>
<p>
Proin scelerisque sodales nisl, vel commodo lorem consectetur vel. Ut eget orci tortor. Integer at tellus blandit, vulputate
sapien nec, scelerisque orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam ipsum leo, luctus
et tristique in, gravida ac turpis. Donec imperdiet viverra commodo. Mauris rhoncus sit amet neque eget ultricies.
Sed lectus diam, mollis commodo iaculis eget, maximus ac ante. Mauris posuere ornare leo, vitae scelerisque sem scelerisque
vitae. Aliquam tempor ligula non molestie interdum. Donec eleifend quam ac augue accumsan interdum. Curabitur nisi
tellus, euismod a arcu ut, ultricies varius mauris. Nullam id nibh sem. Aliquam nec libero sit amet dolor auctor
suscipit.
</p>
<p>
Aliquam congue maximus magna. In eu nisi at dolor dignissim mattis. Aliquam sagittis cursus leo ut eleifend. Curabitur sed
fermentum neque, accumsan accumsan eros. Morbi aliquet augue eu auctor bibendum. Ut ac porta justo. Donec feugiat,
urna in semper mollis, risus quam facilisis felis, in feugiat nisi risus at urna. Proin dapibus ex sem, nec vehicula
velit interdum iaculis. Donec molestie bibendum ante, nec cursus urna luctus sit amet. Phasellus lobortis sem eget
arcu congue placerat. Donec at efficitur tortor, vel interdum dolor. Phasellus sodales sapien ipsum.
</p>
<p>
Mauris ut leo erat. Integer convallis ligula lectus, sit amet accumsan orci imperdiet tristique. Duis faucibus dignissim
tempus. Phasellus bibendum mollis auctor. Etiam et quam consectetur, accumsan nisi vel, varius dui. Vivamus tempor
eleifend euismod. In vulputate, dui et vestibulum faucibus, felis enim eleifend est, non volutpat ante nulla eget
ante. Nam porttitor quam non molestie sodales. Duis mi tellus, varius eu viverra non, consectetur eget arcu. Phasellus
nec urna vitae dui scelerisque porttitor suscipit sed diam. Nam in nisi sapien. Nam luctus ac odio vitae sodales.
Integer elementum est eget consequat vehicula. Aliquam elementum et massa vel elementum. Mauris imperdiet sem at
ipsum fermentum, sit amet tempus tortor venenatis. In accumsan ipsum semper, euismod elit eu, luctus massa.
</p>
<p>
Aenean sit amet vehicula odio, non placerat tortor. Morbi hendrerit lacus non sapien luctus, ac tempor libero dictum. Vestibulum
tempus vestibulum dolor non congue. Nulla facilisi. Vivamus non consequat tellus. Cras accumsan finibus felis non
auctor. Morbi volutpat, magna in porttitor malesuada, felis tellus pellentesque tortor, id imperdiet tellus odio
et diam. Ut faucibus ut massa sed blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
ante arcu, blandit non aliquet ut, consectetur sed orci. Fusce luctus convallis consectetur. Vivamus mattis bibendum
mi, sit amet euismod libero fermentum nec. Sed venenatis erat sem, nec dictum turpis venenatis sed. Morbi tristique
condimentum leo non tempus. Pellentesque sed tortor et ipsum volutpat dapibus et eu quam.
</p>
</div>
运行整页并调整滚动之间的窗口高度以查看效果。
关于javascript - 自动滚动网站始终以相同的速度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49793735/
是 if(a == 0 && b == 0 && c == 0) { return; } 一样 if(a == 0) { return; } if(b == 0) { return; } if(c =
我想做这样的事情: Class A Class B extends A Class C extends A B b = new B(); C c = new C(); b->setField("foo
我对 Mysql 世界很天真......:)我试图使用连接从表中查询, 我遇到结果集问题...表结构如下 下面... VIDEO_XXXXX | Field | Type
我最近问过关于从另一个类获取类的唯一实例的问题。 ( How to get specific instance of class from another class in Java? ) 所以,我正
假设我们有两种类型 using t1 = int*; using t2 = int*; 我知道 std::is_same::value会给我们true .什么是,或者是否有模板工具可以实现以下目标?
对于我的一个应用程序,我假设比较 2 个字符串的第一个字符比比较整个字符串是否相等要快。例如,如果我知道只有 2 个可能的字符串(在一组 n 字符串中)可以以相同的字母开头(比如说 'q'),如果是这
我想在我的NXP LPC11U37H主板(ARM Cortex-M0)上分析一些算法,因为我想知道执行特定算法需要多少个时钟周期。 我编写了这些简单的宏来进行一些分析: #define START_C
我在 Excel 中创建了一个宏,它将在 Excel 中复制一个表格,并将行除以我确定的特定数字(默认 = 500 行),并为宏创建的每个部门打开不同的工作表。 使用的代码是这样的: Sub Copy
我想根据第一个字典对第二个字典的值求和。如果我有字典 A 和 B。 A = {"Mark": ["a", "b", "c", "d"], "June": ["e", "a"], "John": ["a
当我这样做时 system()在 Perl 中调用,我通常根据 perldocs 检查返回码.嗯,我是这么想的。大部分时间 $rc!=0对我来说已经足够了。最近我在这里帮助了两个遇到问题的人syste
在我的进度条上,我试图让它检测 div 加载速度。 如果 div 加载速度很快,我想要实现的目标将很快达到 100%。但进度条的加载速度应该与 div 的加载速度一样快。 问题:如何让我的进度条加载
当我获得与本地时间相同的时间戳时,firebase 生成的服务器时间戳是否会自动转换为本地时间,或者我错过了什么? _firestore.collection("9213903123").docume
根据the original OWL definition of OWL DL ,我们不能为类和个体赋予相同的名称(这是 OWL DL 和 OWL Full 之间的明显区别)。 "Punning" i
我有两个输入复选框: 尝试使用 jQuery 来允许两个输入的行为相同。如果选中第一个复选框,则选中第二个复选框。如果未检查第 1 个,则不会检查第 2 个。反之亦然。 我有代码: $('inpu
可以从不同系统编译两个相同的java文件,但它们都有相同的内容操作系统(Windows 7),会生成不同的.class文件(大小)? 最佳答案 是的,您可以检查是否有不同版本的JDK(Java Dev
我正在清理另一个人的正则表达式,他们目前所有的都以结尾 .*$ 那么下面的不是完全一样吗? .* 最佳答案 .*将尽可能匹配,但默认情况下为 .不匹配换行符。如果您要匹配的文本有换行符并且您处于 MU
我使用 Pick ,但是如何编写可以选择多个字段的通用PickMulti呢? interface MyInterface { a: number, b: number, c: number
我有一个 SQL 数据库服务器和 2 个具有相同结构和数据的数据库。我在 2 个数据库中运行相同的 sql 查询,其中一个需要更长的时间,而另一个在不到 50% 的时间内完成。他们都有不同的执行计划。
我需要你的帮助,我有一个包含两列的表,一个 id 和 numpos,我希望 id 和 numops 具有相同的结果。 例子: $cnx = mysql_connect( "localhost", "r
如何将相同的列(在本例中按“级别”排序)放在一起?我正在做一个高分,我从我的数据库中按级别列出它们。如果他们处于同一级别,我希望他们具有相同的 ID。 但是我不想在别人身上显示ID。只有第一个。这是一
我是一名优秀的程序员,十分优秀!