我正在开发一个移动的混合应用程序。在我的html页面中,我有3个标签页。当点击一个标签页时,可滚动div的内容会发生变化。我的问题是当我向下滚动div(视图)的内容并点击另一个标签页时,内容会消失(但内容在那里)。请帮助我,这样我就可以在点击任何标签页时重置div滚动位置。请给予我的建议只与JavaScript或CSS,而不是与JQuery,因为我没有使用JQuery库。
6tqwzwtp1#
没有看到代码,我只能猜测。如果你想重置滚动位置,你可以简单地使用
window.scrollTo(0,0);
将此代码添加到每个选项卡的单击函数中,以便当您单击任何选项卡时,它会重置到顶部。如果有任何特定的div具有溢出属性
var myDiv = document.getElementById('specificDiv'); myDiv.scrollTop = 0;
yshpjwxd2#
很容易
<div id="test" style="height:150px; width:600px;overflow-y:auto;background-color:gray;"> <div style="width:150px;height:500px; background-color:green;"></div> </div>
document.getElementById('test').scrollTop =0;
hl0ma9xz3#
最后这对我起作用了
function resetScrollPos(selector) { var divs = document.querySelectorAll(selector); for (var p = 0; p < divs.length; p++) { if (Boolean(divs[p].style.transform)) { //for IE(10) and firefox divs[p].style.transform = 'translate3d(0px, 0px, 0px)'; } else { //for chrome and safari divs[p].style['-webkit-transform'] = 'translate3d(0px, 0px, 0px)'; } } } resetScrollPos('.mblScrollableViewContainer');
在视图之间转换后调用此函数,将重置我的滚动位置。
9avjhtql4#
我用这个在我的反向评论部分,它的工作。而不是id我有类。我需要滚动条是在底部每次用户添加评论。所以我把这个提交按钮。
const myDiv = document.getElementsByClassName('comments-container'); myDiv[0].scrollTop = 0;
4条答案
按热度按时间6tqwzwtp1#
没有看到代码,我只能猜测。如果你想重置滚动位置,你可以简单地使用
将此代码添加到每个选项卡的单击函数中,以便当您单击任何选项卡时,它会重置到顶部。
如果有任何特定的div具有溢出属性
yshpjwxd2#
很容易
hl0ma9xz3#
最后这对我起作用了
在视图之间转换后调用此函数,将重置我的滚动位置。
9avjhtql4#
我用这个在我的反向评论部分,它的工作。而不是id我有类。我需要滚动条是在底部每次用户添加评论。所以我把这个提交按钮。