div内容只改变jquery Mobile

Question

我有：

  

   <div data-role="page" id="Home"> 

        <div data-role="header" > 
            <h2 class="header">My app</h2>
        </div>

        <div data-role="content">

        </div>

        <div data-role="footer" data-position="fixed">

            <div data-role="navbar">
                <ul>
                    <li><a href="partials/home.html" data-icon="home" data-transition="slide">Home</a></li>
                    <li><a href="partials/about.html" data-icon="info">About</a></li>
                </ul>
            </div>

        </div>


    </div>

</body>

我希望当用户点击链接内容幻灯片上的div内容时，例如只有那样的例子：

   家               

可能与否？ 谢谢:)

Answer 1

是的，这是可能的。有很多变体，例如你可以使用jquery.scrollTo 看看这个fiddle它是如何工作的。

您也可以使用jquery.animate，查看我创建的fiddle。