如何計算分配給網格列表的md-grid-tile的位置

我正在使用整頁滾動並在所有頁面上都有一個固定元素，它應該將一個空網格圖塊的位置滾動到頁。如何計算分配給網格列表的md-grid-tile的位置

網格塊的位置似乎與此公式

計算值（（100/NUM_COLS％ - uncnown PX）+1）來計算* num_col-1）

我不明白這個等式的未知部分是什麼，但是例如在這個3-cols佈局中它發出的0.66667等於2除以3（num_cols）。

有沒有人知道一個更簡單的方法來做到這一點，或方程的未知部分意味着什麼？

2017-05-04 Voland Mortes

據我所知，你必須從左邊計算第三個div的偏移量。檢查下面的代碼片段：

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

* { 
 
    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; 
 
}

<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>

來源

2017-05-23 17:56:01 Bhuwan

如何計算分配給網格列表的md-grid-tile的位置

回答

相關問題