设置html body的高度为百分比时,margin-bottom在safari里失效?

设置html body的高度为百分比时,margin-bottom在safari里失效?
<html> <body> <div id="app"> ... html, body { height: 100%; } #app { margin-top: 50px; margin-bottom: 50px; } 页面的关键结构大概是如上这样子的,然后在safari或者是ios webview里,margin-bottom无效。chrome, ff 都是正常的。stackoverflow上搜到相关的信息是这样: http://stackoverflow.com/ques... 按照回答所说去掉height: 100%,果然...

vue.js实现滚动监听(scroll)

vue.js实现滚动监听(scroll)
简简单单,直接上代码: data () { return { scrolled: false }; }, methods: { handleScroll () { this.scrolled = window.scrollY > 0; } }, created () { window.addEventListener('scroll', this.handleScroll); }, destroyed () { window.removeEventListener('scroll', this.handleScroll); }
Copyright © 前端面试题 保留所有权利.   Theme  Ality 桂ICP备17012235号-1

用户登录