framework7 page里面跳转到对应模块的问题

最新推荐文章于 2019-09-19 16:34:50 发布
最新推荐文章于 2019-09-19 16:34:50 发布
阅读量2.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qindanwei0215/article/details/53947041
版权
如图所示大红框框框起来的是id="history"的一个模块，在这个模块里面有一个a标签：点我到历史，我天真的以为和普通网页一样点击a之后，history模块就顺利的移动到最顶上，结果图样图森破，点了之后毫无反应，连个报错都没有，应该是单页应用的原因吧，这个界面是从主页链接过来的，只是一个没有head的pages，于是我就想用js的scroll来监听它滚动的时候离顶部的距离，然而scrollTop一直输出0，我感觉我脑袋都要想破了，并不能想出来如何实现，望知道的吧友可以提想法一二，解决了请你吃牛肉面啊~

qindanwei0215
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
framework7-cli：Framework7命令行实用程序
02-03
Framework7 CLI Framework7命令行实用程序使创建应用程序更加容易。 自Framework7 v4发行以来，CLI是启动Framework7应用程序开发的最推荐方法。 安装 首先，请确保您已全局安装了cordova（可能需要“ sudo”）： $...
Framework7——如何使用路由load或back页面
热门推荐
萧逸才的博客
06-25 1万+
在Framework7中也是可以使用路由的，和Angularjs的路由有些不同，详细信息可以参考文档：http://docs.framework7.cn/Index/router_api.html，接下来说一下如何使用。 使用方法var mainView = myApp.addView('.view-main');//加载页面你得先需要一个视图 mainView.router.load(option
framework7---framework7初始化应用myApp之中参数
Wbiokr的博客
06-23 5009
在引入了相应框架中css与js文件之后，需要通过new生成Framework7实例进行应用初始化(初始化对象是HTML中已经存在且需要浏览的view)const app=new Framework7(options);//其中实例中options参数为对象，用于配置app应用，以实现更多个性化定制 实例中参数配置 配置项 类型/默认值 解释 页面回调函 onAjaxSta
Framework7 框架实战，解决奇怪问题
qq_18248719的博客
06-01 1万+
Framework7 框架使用，解决各种奇怪问题简介现在web越来越偏向手机端，手机端html布局越来越重要，最近开发手机端网页项目越来越多，急需要一款好用的手机端框架，这时遇到了Framework7,界面漂亮，APP化，对于常用的部件都有，果断入门，经过一周的苦苦挣扎，终于稳定运行，期间遇到了各种奇葩问题，经过苦苦寻找，各种奇怪思路，一遍遍的试终于解决，对于这个框架，网上的各种入门教程，基本就是...
wc-f7：具有Web组件的Framework7
02-06
wc-f7扩展了Framework7核心模块，用一个接受Web组件声明（标记名称或类构造函数）而不是Framework7组件模型的路由器组件加载器代替。 副作用是，不会导入/捆绑vdom（Snabbdom）和解析器/加载器模块。 产品特点 将...
win7 framework4.6.2无法安装，提示证书问题
09-28
当全新安装 Windows 7 SP1 后，在未安装任何补丁，也未进行联网的状态下，安装 .NET Framework 4.6 或更高的版本时，应该会遇到错误提示：无法建立到信任根颁发机构的证书链。
framework7-react：使用Framework7和React构建功能全面的iOS和Android应用
02-03
Framework7 React将注意力转移到React的细节，易用性和Framework7的强大功能上。 要查看实际效果，请看一下。更新资料Framework7社区很高兴地宣布，该存储库已过时，而不再支持Framework7 v3，该框架现在通过采用...
Framework7全功能 HTML 框架源代码
03-15
Framework7 是一个开源的全功能 HTML 框架，用于构建具有 iOS 和 Android 原生...Framework7 也是独立的原型应用工具。 Framework7 并非与所有平台兼容。它更多地专注于 iOS 和 Google Material 设计，带来最佳体验和简
Framework7跳转页面如何自动隐藏工具栏(no-tabbar)
萧逸才的博客
07-08 2761
首先在Framework7文档（http://docs.framework7.cn/Index/tabbar.html）中我们知道： Framework7 允许你在ajax加载的页面自动隐藏工具栏/导航栏。只有在穿透布局的时候才可以使用。 你唯一需要做的就是在需要加载的页面上加一个类 “no-tabbar”(<div class="page no-tabbar">): <!-- Page
Framewrok7 - 页面（Page）介绍1（页面的结构、事件、以及数据）
d_o_n_g2的博客
04-07 1437
1，页面结构说明页面（Pages）和我们在在网页中打开的页面是同样的意思，比如下面一个简单的样例。1234567891011121314151617181920212223242526272829&lt;body&gt;  ...  &lt;!-- Views --&gt;  &lt;div class="views"&gt;    &lt;!-- Your main view --&gt;   ...
FrameWork7开发笔记（一）Current
u011498933的专栏
08-10 4297
1、触发返回键的时候,获取当前页面的内容 myApp.getCurrentView() 获取当前页面的名字 myApp.getCurrentView().activePage.name 2、关闭所有弹出层 myApp.hidePreloader(); 3、js代码执行返回 mainView.router.back(); 4、自定义触发事件时弹出页面 mainView.ro
Framework7+Framework7-vue+vue踩坑记（一）
湛湛似岁的博客
03-08 6525
原文地址：http://blog.ywulin.com/201707141526.html 网上关于framework7-vue的博客基本没有，所以我决定用它来重构官网的Demo，来踩波坑，以下是我在使用framework7-vue时遇到的一些需要注意的点 1、this指向 在定时器和framework7的api回调函数中，this会被修改指向其他作用域，在定时器或回调...
Framework7在LoginScreen组件中无法使用this.$f7router.navigate()跳转页面解决方法
僵小蛋的博客
06-11 2426
如果使用了F7的LoginScreen组件调出登录页面，那么在LoginScreen中是无法使用js来跳转页面的，但是可以使用f7-link组件的href属性值进行页面跳转，那么仅仅是这样往往无法满足业务需求，有些页面的跳转须在接口数据返回后进行跳转，为了能用JS来控制页面跳转，可以使用JS的模拟点击a标签来实现，(f7-link渲染出来的实际上就是a标签)， 在html中写上一个f7-link...
利用Framework7的初次使用，使用教程，环境搭建
姜兴明的专栏
11-17 1万+
在阅读本文之前请确认你的电脑已经安装好nodejs、Android SDK 、phoneGap。 1.获取Framework7源码 http://www.idangero.us/framework7/（英文网站） http://framework7.taobao.org/（中文网站） GitHub：https://github.com/nolimits4web/Framework7/ 官方
Framework7解决浏览器返回问题
sku
09-19 2146
现在使用Vue、React框架开发前端应用的人越来越多，配套的周边插件、UI库也应育而生，使用它们很容易就开发出非常漂亮且实用的前端应用和网站。 单页面应用的好处很多，一次加载，全程流畅，还有切换动画，体验良好，但在浏览器或者手机端的Webview上，用户想要返回就会直觉的按下返回键，这对单页面应用简直是灾难，本身就一个浏览器页面壳，物理返回的结果是直接退出我们的网站。 但你不能教育你的用户...
android查看framework代码实现代码跳转
最新发布
05-20
在 Android Studio 中查看 Framework 代码时，可以使用以下步骤实现代码跳转： 1. 打开 Android Studio，在菜单栏中选择 "File" -> "New" -> "Project from Version Control" -> "Git"，然后将以下 URL 粘贴到 "URL...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值