Question

我在页面侧面创建了一个图标，可以单击该图标返回页面顶部。

我认为这很简单，就像这样：

Dim yourVariable as Integer = 0

#back_to_top{
	position:fixed;
	right:0px;
	bottom:80px;
	padding:10px;
	background-color:#fff;
	opacity:0.5;
	border-radius:10px 0px 0px 10px;
	cursor:pointer;
}
#back_to_top img{
	width:50px;
	height:50px;
}
#content{
  height:9999px;
}

但是，当我单击该图标时，它实际上每次在页面上向下移动相同数量的像素。

我没有其他锚或其他具有类似ID的东西。
我的锚标签是我体内的第一个标签。
我的“内容负荷”都是从php动态生成的。

我知道它在代码段中的工作原理，但是我不能分享一个完整的示例，但是，对于为什么这样做可能会起作用的任何想法，将不胜感激。

Answer 1

使用case R.id.bottom_action_account:添加a元素应该可以解决问题。

这里有一个工作示例：

href="#"

Answer 2

您的代码存在的问题是链接指向的元素不在页面顶部。 html的body元素中有填充，它将在其中的元素周围创建边框。如果要保留此边框并仍然转到页面顶部，则应将body的padding和margin设置为0，然后将top元素的padding更改为page top和element之间的所需边框。

向您的CSS添加这样的内容

String uid = FirebaseAuth.getInstance().getCurrentUser().getUid();
DatabaseReference rootRef = FirebaseDatabase.getInstance().getReference();
DatabaseReference uidRef = rootRef.child("friends").child(uid);
ValueEventListener valueEventListener = new ValueEventListener() {
    @Override
    public void onDataChange(DataSnapshot dataSnapshot) {
        for(DataSnapshot ds : dataSnapshot.getChildren()) {
            String key = ds.getKey();
            Log.d("TAG", key);
        }
    }

    @Override
    public void onCancelled(@NonNull DatabaseError databaseError) {}
};
uidRef.addListenerForSingleValueEvent(valueEventListener);

Answer 3

我更喜欢使用Javascript window.scrollTo方法。传入0,0将立即将页面滚动到左上角。

语法：window.scrollTo(x-coord, y-coord)

x坐标-沿水平轴的像素

y坐标-沿垂直轴的像素

此方法可让您滚动到页面上的任意点。

转到页面顶部

3 个答案: