大佬教程收集整理的这篇文章主要介绍了html5 – 在Ember.js中使用HTML锚点,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
背景
Ember通过应用程序导航的模型使用HTML锚点.
我有以下要求:当用户点击Handlebar linkTo助手导航到新的路线目的地时,浏览器应自动滚动到与该新路线目的地相关联的Handlebars模板内的锚点.
$('html,body').animate({ scrollTop: $("a[name='someAnchor']").offset().top });
关于相同,请参阅this SO answer.
在渲染视图后滚动到锚点会覆盖路径视图定义中的didInsertElement.
关于相同,请参阅this SO answer.
App.LonglistView = Ember.View.extend({ didInsertElement: function() { // Place the scroll to anchor code here. $('html,body').animate({ scrollTop: $("a[name='someAnchor']").offset().top }); } });
这里是jsfiddle中的a working example(为了清楚起见,我没有添加任何数据模型)
编辑:您也可以使用非jquery方式进行滚动
document.getElementsByTagName('a')[name='someAnchor'].scrollIntoView()
jsfiddle example为同样的.
以上是大佬教程为你收集整理的html5 – 在Ember.js中使用HTML锚点全部内容,希望文章能够帮你解决html5 – 在Ember.js中使用HTML锚点所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。