点击按钮返回顶部,直接上代码吧
布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:orientation="vertical"> <ScrollView android:id="@+id/sv_home" android:layout_width="match_parent" android:layout_height="wrap_content" android:fillViewport="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@mipmap/eason"/> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@mipmap/eason"/> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@mipmap/eason"/> <android.support.design.widget.FloatingActionButton android:id="@+id/fab_top" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|bottom" android:layout_marginRight="10dp" android:src="@mipmap/top" app:backgroundTint="#ecefef" app:elevation="10dp" app:pressedTranslationZ="12dp" app:rippleColor="@color/colorPrimary" /> </LinearLayout> </ScrollView> </LinearLayout>
按钮点击事件
topBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { sc.post(new Runnable() { @Override public void run() { sc.post(new Runnable() { public void run() { // 返回顶部 sc.fullScroll(ScrollView.FOCUS_UP); } }); } }); } });
附带一个跳到底部
bottomBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { sc.post(new Runnable() { @Override public void run() { sc.post(new Runnable() { public void run() { // 滚动到底部 sc.fullScroll(ScrollView.FOCUS_DOWN); } }); } }); } });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍javascript中返回顶部按钮的实现,包括了javascript中返回顶部按钮的实现的使用技巧和注意事项,需要的朋友参考一下 炫酷的返回顶部功能 js核心代码 html 以上所述就是本文的全部内容了,希望大家能够喜欢。
本文向大家介绍基于Javascript实现返回顶部按钮,包括了基于Javascript实现返回顶部按钮的使用技巧和注意事项,需要的朋友参考一下 一个网页内容一多, 就会分屏显示数据, 如果屏目很多, 用户访问的数据已经到了页面的底部, 这时候返回到顶部也是需要一点时间. 这样对用户体验来说, 可能就稍微逊了一点. 所以页面数据多的网页, 现在都会用一个"返回顶部"按钮来快速跳转到网页的顶部. 那现
本文向大家介绍javascript返回顶部的按钮实现方法,包括了javascript返回顶部的按钮实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例介绍了javascript返回顶部的按钮实现方法,分享给大家供大家参考,具体内容如下 html: css: script: 获取滚动条高度:document.documentElement.scrollTop || document.body.
本文向大家介绍Android实现按钮点击效果,包括了Android实现按钮点击效果的使用技巧和注意事项,需要的朋友参考一下 1、首先创建一个按钮 2、1中创建的按钮的background用到了btn_st,在drawable下创建btn_st 3、在2中用到的color1和color2,在values的strings中添加 4、java代码 (1)首先获取button Button click
本文向大家介绍jquery实现点击页面回到顶部,包括了jquery实现点击页面回到顶部的使用技巧和注意事项,需要的朋友参考一下 a)下面看看实现,实现很简单,通过JQ判断滚动条向下滚动的长度大于多少时显示【回到顶部+回到首页】的图标(换一种理解:滚动条顶端距离页面顶部的距离),另外一种实现方法,就是通过锚标记,很好理解,就是标记一个位置,事件激活时,给我回到这个位置 b)JQ判断滚动条向下滚动的长
2.返回按钮的点击监听 在聊窗顶部有一个返回按钮,在返回时可以添加其他事件,使用的接口如下: Ntalker.getInstance().setOnBackBtnListener(new OnBackBtnClickListener() { @Override public void OnBackBtnClick() { Toast.make