-1
Q
滚动到灯箱顶部
A
回答
0
我已将您的灯箱设置为#box
ID。
的Html
<div id="box">
...
<!-- long content there -->
<a href="#" id="toTop">To Top</a>
</div>
CSS(设置元素的宽度)
#box {
position:relative;
width:200px;
height:250px;
overflow:auto;
}
#box #toTop {
position:absolute;
display:none;
left:150px;
top:10px;
}
的jQuery
$('#box').bind('scroll', function(e) {
if ($(this).scrollTop() > 100) {
$('#toTop').fadeIn();
$('#toTop').css({'top' : $(this).scrollTop() + 100});
} else {
$('#toTop').fadeOut();
}
});
$(document).on('click', '#toTop', function(e) {
e.preventDefault();
//$('#box').scrollTop(0); //just go to top
$('#box').animate({scrollTop : 0},'slow'); //animate
});
0
相当容易:
document.querySelector("iframe").contentWindow.scrollTo(0,0);
现在把页面上的按钮,并调用上点击。哦,并省略iframe的身体height:100%
,这样你摆脱了第二个滚动条。
您可以通过粘贴上面的代码并在浏览器的控制台中使用您的网页来执行此操作。
相关问题
- 1. 使用jQuery滚动到灯箱div顶部
- 2. 灯箱加上固定灯箱(不带滚动条滚动)
- 3. Tumblr /灯箱/无限滚动
- 4. 在顶部框架中打开灯箱
- 5. 灯箱显示在窗口顶部
- 6. 的jQuery#滚动到顶部
- 7. 禁用滚动到顶部
- 8. Android ListView滚动到顶部
- 9. LinearLayout滚动到顶部
- 10. 网格:滚动到顶部?
- 11. 滚动到顶部DIV
- 12. UIScrollView不滚动到顶部
- 13. 滚动到顶部代码
- 14. BlockUI滚动到顶部
- 15. CollectionView滚动到顶部
- 16. 由于jquery页面滚动到顶部幻灯片
- 17. jQuery滚动到顶部并滚动到下一部分
- 18. 动画滚动到顶部2
- 19. 自动滚动到顶部在UITableView
- 20. 动画滚动到顶部链接
- 21. NSOutlineView - 在启动时滚动到顶部
- 22. Listview自动滚动到顶部
- 23. RecyclerView自动滚动到顶部
- 24. jquery滚动到顶部的动画
- 25. 制作可滚动的灯箱
- 26. 砌体+无限滚动和PrettyPhoto灯箱
- 27. 灯箱滚动问题与IE7和8
- 28. 防止后台滚动打开灯箱
- 29. 当灯箱出现时阻止滚动
- 30. Colourbox使灯箱在滚动时固定
你在说什么?你能更精确吗(添加一些代码/小提琴)? – soyuka 2013-02-13 08:23:54
如果您可以打开我给出的链接,则会出现一个名为“创建自定义菜单”的链接。现在,如果你点击那个,那么会出现一个弹出式开放,这是一个影子框。在阴影框内有一个食物项目清单。现在是一个很长的名单。因此,我希望在此列表末尾有一个返回顶部的选项。 – Janmejay 2013-02-13 08:28:42
您可以使用javascipt轻松地在普通页面中执行此操作。但我想要一个阴影框中的功能。 – Janmejay 2013-02-13 08:30:44