我__CODE__在页面上有一个,当按下这个按钮时,__CODE__使用jQuery显示一个隐藏.
如何使用该函数中的JavaScript/jQuery命令滚动到页面顶部？即使滚动条立即跳到顶部也是可取的.我不是在寻找一个平滑的滚动.
考虑一下我有一个问题清单.当我点击第一个问题时,它会自动将我带到页面底部.
事实上,我知道这可以使用jQuery完成.
那么,你能给我一些文件或一些链接,我可以找到这个问题的答案吗？
编辑:需要滚动到页面底部的特定HTML 元素
我试图在不使用jQuery的情况下制作动画"滚动到顶部"效果.
在jQuery中,我通常使用这段代码:
$('#go-to-top').click(function(){
$('html,body').animate({ scrollTop: 0 }, 400);
return false;
});
如何在不使用jQuery的情况下为scrollTop设置动画？
我正在努力让快速导航正常工作.它浮在一边.当他们点击链接时,会将他们带到页面上的该ID.我正在关注Treehouse的这个指南.这就是我对滚动的看法:
$("#quickNav a").click(function(){
var quickNavId = $(this).attr("href");
$("html, body").animate({scrollTop: $(location).offset().top}, "slow");
return false;
});
我最初放在它之前</body>.但是我似乎遇到了一个竞争条件,那就是在quickNav编译之前触发它(它有一个ng-hide放置它,不确定是否导致它 - 但它在DOM内).
如果我在控制台中运行该代码块,则滚动按预期工作.
我认为将它移入控制器更有效 - 或者更有可能在指令中.但我没有幸运完成那件事.如何让这块代码与AngularJS一起使用？
纯javascript中的任何替代品？
以下适用于歌剧,铬和野生动物园.尚未在资源管理器上测试过:
http://monkey-me.herokuapp.com
https://github.com/coolcatDev/monkey-me-heroku/blob/master/static/js/myscripts.js
在页面加载时应向下滚动到div'.content':
var destiny = document.getElementsByClassName('content');
var destinyY = destiny[0].offsetTop;
scrollTo(document.body, destinyY, 200);
function scrollTo(element, to, duration) {
if (duration <= 0) return;
var difference = to - element.scrollTop;
var perTick = difference / duration * 2;
setTimeout(function() {
element.scrollTop = element.scrollTop + perTick;
scrollTo(element, to, duration - 2);
}, 10);
};
是否可以使用平滑滚动来锚定链接但没有 jQuery？我正在创建一个新网站,我不想使用jQuery.
有没有办法加快 的行为速度scrollTo？
我在黑暗中刺了一下speed，duration但不起作用！
window.scrollTo({
top: 1000,
behavior: "smooth"
});
我已经使用jquery实现了这个,但是想要创建一个响应的组件来做同样的事情
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.move-top').fadeIn(duration);
} else {
jQuery('.move-top').fadeOut(duration);
}
});
jQuery('.move-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
在我的页面页脚中
<a href="#" class="move-top">?</a>
我有一个奇怪的要求,并希望得到一些帮助.
单击按钮(不提交)后,我需要关注表单的第一个找到的无效输入.表单相当大,因此屏幕需要滚动到第一个无效输入.
这个AngularJS答案将是我需要的,但不知道这样的指令是否是Angular 2的方法:
Angular 2的方法是什么？感谢您的帮助!
我有一个 JS 可以用这个从页面底部平滑滚动到顶部，它可以工作：
<script>
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return true;
});
</script>
但是现在我想从顶部到底部平滑滚动，我尝试了这个：
<script>
$("a[href='#footer']").click(function() {
$("html, body").animate({ scrollToBottom: 0 }, "slow");
return true;
});
</script>`
它不起作用，它不是一个平滑的滚动。有谁知道这有什么问题？