小编Her*_*sen的帖子

尝试创建一个始终坚持网站顶部的菜单.跟随zurb.foundation的文档,但.sticky的行为总是出乎意料的方式.或者也许我没有明显的一些？

请在这里查看重建:http: //codepen.io/mister-hansen/pen/wMgrPm

如果站点向下滚动,并且达到初始视口的精确高度,则粘滞插件会将元素.sticky从is-stuck is-at-top:更改为:.is-anchored .is-at-bottomso .sticky消失.

谢谢.

更新 文档的第一部分:foundation.zurb.com/sites/docs/sticky.html解释了所描述的行为.由于默认主体{height:100%} css,主体完全按最大值解释.视口高度.

所以在我的情况下解决方案是a)用auto替换body的高度.但更好b)避免对预期的固定标头使用粘性功能.

使用:Vue CLI 3.0.0-rc.3

如何配置我的应用程序,它正在加载A)css本身,B)加载在css中的字体和C)来自相对路径的图像,具体取决于应用程序所在的父文件夹？

我的完整vue应用程序目前正在运行,没有额外的webpack配置文件.我已经知道了,我需要创建一个webpack.config.js,但我不知道哪些插件或配置是必要的.

该应用程序在绝对路径下完全http:whatever.local/正常运行.

但我需要提供完全独立于绝对路径的应用程序,因此客户可以在他想要的文件夹结构下使用它,我不知道jet.http:customerssite.com/i-dont-know-his-structure/vue-app/(我只是不知道).

非常感谢你.

我正在构建一个 vueJs 网络应用程序，我需要根据视口（而不是相对父元素）在我的网络应用程序中的元素位置。我想知道是否有这样做的功能/属性。

.offsetLeft不是我需要的，因为该元素位于具有position: relative的父元素内。

请查看我的笔：https : //codepen.io/mister-hansen/pen/aGdWMp （举个例子，什么不同的位置：相对。）

HTML

 <div id="app">
  <div class="box">
    <div class="box__in" ref="my_box_a">
      What is my position?
      <br> offsetLeft: <strong>{{posBoxA}}</strong>
    </div>

  </div>
  <div class="box box--relative">
    <div class="box__in" ref="my_box_b">
      What is my position in relative box?
      <br>
      offsetLeft: <strong>{{posBoxB}}?!</strong>
    </div>

  </div>
</div>

JS - VueJs

const app = new Vue({
  el: '#app',
  data () {
    return {

      posBoxA: 0,
      posBoxB: 0,
      }
  },
  mounted () {
    this.calcPosOfBox()
  },
  methods: {
    calcPosOfBox () { …