如何计算分配给网格列表的md-grid-tile的位置

Question

我正在使用整页滚动，并且在所有页面上都有一个固定元素，一旦滚动到页面，它应该采用空网格图块的位置。

网格图块的位置似乎是使用此公式

计算的

calc（（100 / num_cols％ - 未知 px）+1）* num_col-1）

我不明白这个等式的未知部分是什么，但是例如在这个3-cols布局中它发出0.66667，等于2除以3（num_cols）。

有没有人知道更简单的方法，或者等式的未知部分是什么意思？

Answer 1

据我所知，你必须从左边计算第3个div的偏移量。请查看以下代码段：

＆＃13;

＆＃13;

$(document).on('click', 'button', function() {
  $('.left-value').text($('.row .col:nth-child(3)').offset().left);
});

＆＃13;

* {
  box-sizing: border-box;
  ;
  margin: 0;
}

.row {}

.col {
  height: 60px;
  width: 31.33333%;
  border: 1px solid #000;
  margin: 1%;
  display: inline-block;
  float: left;
}

.row:before,
.row:after {
  content: "";
  display: table
}

.row:after {
  clear: both;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>
<br>
<button>Calculate</button><br> margin form left od 3rd div: <span class="left-value"></span>

＆＃13;

＆＃13;

＆＃13;