我正在构建我的第一个Angular.js + Bootstrap网站 就用户界面而言,我使用经典的顶部导航栏方法,导航栏中的7/8项链接到相对视图。 This是该网站的第一个版本。当您点击"天气"时,您将转到天气页面。当您单击" services"时,您将转到服务页面。没关系。
但是,我希望,为了获得更好的移动用户体验,在向下滚动时,所有要按顺序显示的视图...... This就是我的意思的一个例子,更清楚......
是否可能,保留angular.js"路由"逻辑?
更新:我确实更改了第一个链接中的页面内容,在导航栏中添加了两个链接,因为Ronni Skansing评论......
UPDATE2 :我试图更好地重新表述这个问题:
是否有可能使用angular.js(+ bootstrap)设计一个UI,所有视图都可以在没有任何点击的情况下到达,但是连续,垂直滚动页面,这是典型的移动Web应用程序用户习惯的方式?
答案 0 :(得分:1)
除非您将网站设计为单页,否则我认为您不能拥有单页。
无论如何,我找到了一个与您想要的解决方案非常相似的解决方案:只需在ng-view
更改时添加转换。用户无法滚动,仍然需要点击导航栏项。但感觉将类似于滚动。在这里看example.(记得选择滑动效果)