HTML 平滑滚动[无锚点动画]
HTML smooth scrolling[without anchor animation]?
是否可以为网页创建更流畅的滚动?例如,MS Word 2013具有滚动效果,我正在寻找。还没有找到任何其他例子。我听说你可以用 AJAX 做这种事情,那么这可能吗?我不想要平滑滚动锚定,但是当您使用鼠标滚轮或滚动条自由向下滚动页面时。但我正在寻找与这种"平滑滚动到锚点"类似的效果。
NiceScroll是我一直在寻找的。正如我所愿,它使滚动更加平滑。https://code.google.com/p/jquery-nicescroll/downloads/detail?name=jquery.nicescroll.350beta5.7z&can=2&q=
No.滚动速度由浏览器决定(通常直接由计算机/设备上的设置决定)。CSS和Javascript没有(或不应该)有任何影响系统设置的方法。
您可以尝试伪造它,但滚动条的外观和感觉会受到影响。
当且仅当您捕获滚动事件时,您将能够动态调整内容,以便所需的部分可见。
Flash可能会给你一些实现目标的自由。
[编辑]
请注意:这没有锚标签
我试图模拟没有任何锚标签的查询。虽然它不能完美地回答你的问题,但仍然值得一试:-
.HTML:-
<div id="div1">asdf1</div>
<div id="div2">asdf2</div>
<div id="div3">asdf3</div>
<div id="div4">asdf4</div>
<div id="div5">asdf5</div>
<div id="div6">asdf6</div>
<div id="div7">asdf7</div>
<div id="div8">asdf8</div>
<div id="div9">asdf9</div>
<div id="div10">asdf10</div>
.CSS:-
div {
height: 50px;
}
最后将其添加到您的jquery中:-
$(document).ready(function () {
$("html, body").animate({
scrollTop: $("#div5").offset().top
}, 5000);
});
你可以用JQuery轻松做到这一点
加载 JQuery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^'//,'') == this.pathname.replace(/^'//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
上面的代码非常适合平滑滚动
相关文章:
- 如何正确编程jQuery动画与平滑(导航栏)
- 如何平滑地设置twitter引导程序进度条的动画
- jQuery-slideToggle动画不平滑
- 图像动画不平滑
- 在一定百分比上禁用引导进度条的平滑动画过渡
- js动画不平滑
- 如何为我的菜单创建平滑的动画
- 如何平滑地设置HTML5画布fillText()的缩放动画
- 如何使用@keyframes实现平滑的页面过渡,而不会破坏 jquery 动画
- 具有平滑更新动画的 D3 折线图
- HTML 平滑滚动[无锚点动画]
- 关于平滑状态反向动画
- jQuery:滚动时平滑动画字体大小变化
- jQuery设置的边距顶部使内容跳跃.如何使其平滑动画化
- 如何通过requestAnimationFrame平滑动画
- CSS3 关键帧动画是否比属性过渡更平滑?
- JavaScript 动画平滑滚动
- jQuery淡出不动画平滑
- Highcharts.js:如何使堆叠区域图形动画平滑
- IE 11 SVG动画平滑