Question

Here是我当前的网站，问题是你应该向下滚动，但这不是很清楚，所以我想添加的内容类似于this网站有一个小箭头，表示在该div的底部滚动。我到处都看，但实在找不到答案。

Answer 1

以下是使用public List<Students> getStudent(int index) { final int maxCount = 20; List<Students> sList = new ArrayList<Students>();{ String selectQuery = "SELECT id,full_name,gender FROM students LIMIT "+maxCount+", "+index;; Log.e("students query: ", selectQuery); SQLiteDatabase db = this.getWritableDatabase(); Cursor cursor = db.rawQuery(selectQuery, null); // looping through all rows and adding to list if (cursor.moveToFirst()) { do { Students si = new Students(); si.setid(Integer.parseInt(cursor.getString(0))); si.setname(cursor.getString(1)); si.setgender(cursor.getString(2)); sList.add(si); } while (cursor.moveToNext()); } db.close(); } return sList; } private int currentPageIndex=0; @Override public void onClick(View view) { switch(view.getId()){ case R.id.prevBtn; currentPageIndex -=20; GetStudent.clear(); GetStudent.addAll(dbhelper.getStudent(int index)); adapter.notifyDataSetChanged(); break; case R.id.nextBtn; currentPageIndex +=20; GetStudent.clear(); GetStudent.addAll(dbhelper.getStudent(int index)); adapter.notifyDataSetChanged(); break; } }和@keyframes的解决方案。

animation是您希望箭头位于底部的.contentDiv'。只需确保它有<div>。

HTML：

position: relative

CSS：

<div class="contentDiv">
    <img class="arrow" src="arrowImage.png" />
</div>

这是一个{{3}}示例。

Answer 2

您可以在javascript中使用setInterval来循环浏览箭头的两个位置：

Example

更新：我现在知道这是一个较旧的问题，但如果有人回复它，我更新了动画以使用transform代替bottom，这将为您提供更好的效果：）

此外，如果您愿意，可以设置一些简单的关键帧，并且不需要任何javascript就可以完成此操作！

Answer 3

这是demo给你的

希望您可以根据需要更改transition，这对您来说很不错tutorial

谢谢

将弹跳滚动箭头添加到我的网页底部？

3 个答案: