Question

我即将开发一种在线图书在每章（具有特定ID的部分）中，我想在特定章节中为每个h2添加一个带有滚动导航的自动生成的侧边栏。
边栏当然应该在包含该部分中的各个h2的每个部分中生成并链接到它们。

我已尝试过此scrollnav plugin。实际上它有点工作，但问题是它没有生成正确的链接，因为它不适用于多个部分（在第2节它实际上链接到section1，依此类推）。

有谁得到了更好的解决方案？

Obs：这是一种loong电子书（13-15章，10-12和＃34;子章和＃34;每个）。因此，h2（或其他解决方案）的自动生成ID将是首选:-)

HTML：

<section id="1">
<h2>Sub-chapter 1</h2>
<h2>Sub-chapter 2</h2>
<h2>Sub-chapter 3</h2>
</section>

<section id="2">
<h2>Sub-chapter 1</h2>
<h2>Sub-chapter 2</h2>
<h2>Sub-chapter 3</h2>
</section>

<section id="3">
<h2>Sub-chapter 1</h2>
<h2>Sub-chapter 2</h2>
<h2>Sub-chapter 3</h2>
</section>

也许我应该说：我还是javascript的新手。

Answer 1

    In drawable :
       scrollbar_thumb.xml

     <?xml version="1.0" encoding="utf-8"?>
     <shape xmlns:android="http://schemas.android.com/apk/res/android">
     <gradient android:startColor="#3333FF" android:endColor="#8080FF"
     android:angle="0"/>
     <corners android:radius="6dp" />
     </shape>

      In your layout:

   <ScrollView
            android:id="@+id/scrolldes"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/viewId"
            android:layout_centerHorizontal="true"
            android:padding="8dp"
            android:scrollbarSize="12dip"
            android:verticalScrollbarPosition="left"
            android:scrollbarThumbVertical="@drawable/scrollbar_thumb" >

<强> http://jsfiddle.net/sh9xzc2c/

在多个部分中滚动导航到h2

1 个答案: