錨點(diǎn)偏移

Fundebug 發(fā)布于2019-08-01 16:19 / 3363人閱讀

摘要：參照的做法，在主體內(nèi)容前加一個(gè)暗錨主體內(nèi)容將錨點(diǎn)進(jìn)行偏移，并隱藏占位偏移值也可以這樣，使用去調(diào)整值主要修復(fù)評(píng)論定位不準(zhǔn)確主要修復(fù)評(píng)論定位不準(zhǔn)確可能會(huì)讓第二條評(píng)論向下偏移，但是把回復(fù)按鈕給遮擋了導(dǎo)致回復(fù)按鈕點(diǎn)擊不了。

參照 stackoverflow 的做法，在主體內(nèi)容前加一個(gè)暗錨：


主體內(nèi)容...

將錨點(diǎn)進(jìn)行偏移，并隱藏占位：

.target-fix {
    position: relative;
    top: -44px; // 偏移值
    display: block;
    height: 0;
    overflow: hidden;
}

也可以這樣，使用javascript去調(diào)整scroll值

if (window.location.hash.indexOf("#") >= 0) {
    $("html,body").animate({
        scrollTop: ($(window.location.hash).offset().top - 50) + "px"
    },
    300);
}; //主要修復(fù)評(píng)論定位不準(zhǔn)確BUG
$("#comments a[href^=#][href!=#]").click(function() {
    var target = document.getElementById(this.hash.slice(1));
    if (!target) return;
    var targetOffset = $(target).offset().top - 50;
    $("html,body").animate({
        scrollTop: targetOffset
    },
    300);
    return false;
}); //主要修復(fù)評(píng)論定位不準(zhǔn)確BUG

padding-top 可能會(huì)讓第二條評(píng)論向下偏移50px，但是把回復(fù)按鈕給遮擋了！導(dǎo)致回復(fù)按鈕點(diǎn)擊不了。反復(fù)調(diào)整z-index改變層的順序，仍然無(wú)果！

GPU云服務(wù)器云服務(wù)器分片偏移坐標(biāo)偏移地圖偏移偏移量

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/50437.html

相關(guān)文章

錨點(diǎn)偏移

摘要：參照的做法，在主體內(nèi)容前加一個(gè)暗錨主體內(nèi)容將錨點(diǎn)進(jìn)行偏移，并隱藏占位偏移值也可以這樣，使用去調(diào)整值主要修復(fù)評(píng)論定位不準(zhǔn)確主要修復(fù)評(píng)論定位不準(zhǔn)確可能會(huì)讓第二條評(píng)論向下偏移，但是把回復(fù)按鈕給遮擋了導(dǎo)致回復(fù)按鈕點(diǎn)擊不了。參照 stackoverflow 的做法，在主體內(nèi)容前加一個(gè)暗錨：

kelvinlee 2019-08-30 15:52 評(píng)論0 收藏0
淺說(shuō)虛擬列表的實(shí)現(xiàn)原理

摘要：虛擬列表的實(shí)現(xiàn)有多種方案，本文以組件為基礎(chǔ)進(jìn)行分析。常見(jiàn)的無(wú)限滾動(dòng)便是延遲渲染的一種實(shí)現(xiàn)，而虛擬列表則是按需渲染的一種實(shí)現(xiàn)。接下來(lái)，本文會(huì)簡(jiǎn)單介紹虛擬列表的一種實(shí)現(xiàn)方案。實(shí)現(xiàn)本章節(jié)將會(huì)創(chuàng)建一個(gè)組件，并結(jié)合代碼，慢慢梳理虛擬列表的實(shí)現(xiàn)。在列表數(shù)據(jù)的展示優(yōu)化一文中，提到了對(duì)于列表形態(tài)的數(shù)據(jù)展示的按需渲染。這種方式是指根據(jù)容器元素的高度以及列表項(xiàng)元素的高度來(lái)顯示長(zhǎng)列表數(shù)據(jù)中的某一個(gè)部分...

趙春朋 2019-08-23 12:25 評(píng)論0 收藏0
可視化效果(Visual effects)

摘要：一般地，一個(gè)塊盒的內(nèi)容都被限制在該盒的邊內(nèi)。這種盒并不一定會(huì)根據(jù)其祖先的屬性裁剪。默認(rèn)情況下，元素不會(huì)被裁剪。在閉合路徑內(nèi)的內(nèi)容會(huì)顯示，而路徑外邊的都會(huì)被剪掉著作權(quán)歸作者所有。 Overflow and clipping 一般地，一個(gè)塊盒的內(nèi)容都被限制在該盒的content邊內(nèi)。某些情況下，一個(gè)盒可能會(huì)溢出，意味著它的部分內(nèi)容或者全部?jī)?nèi)容位于該盒外部，例如：一行無(wú)法拆分，導(dǎo)致行盒比...

JowayYoung 2019-08-29 12:37 評(píng)論0 收藏0
為你的博客添加目錄索引

摘要：我采用了遍歷樹(shù)，然后找到文章的標(biāo)簽暫時(shí)只對(duì)標(biāo)簽建立索引，為其添加的方式建立索引。初始化文章錨點(diǎn)和目錄數(shù)據(jù)結(jié)構(gòu)找到屬于文章內(nèi)容的標(biāo)簽添加標(biāo)簽文本內(nèi)容記錄當(dāng)前標(biāo)簽的偏移量，方便后面計(jì)算滾動(dòng)距離。一、前言演示圖例 showImg(https://segmentfault.com/img/remote/1460000016099128?w=1547&h=894); 需求這個(gè)目錄索引應(yīng)該包...

SwordFly 2019-08-26 12:18 評(píng)論0 收藏0
像玩樂(lè)高一樣拆解Faster R-CNN：詳解目標(biāo)檢測(cè)的實(shí)現(xiàn)過(guò)程

摘要：這一切始于年的一篇論文，其使用了稱為的算法用來(lái)提取感興趣候選區(qū)域，并用一個(gè)標(biāo)準(zhǔn)的卷積神經(jīng)網(wǎng)絡(luò)去分類和調(diào)整這些區(qū)域。本文詳細(xì)解釋了 Faster R-CNN 的網(wǎng)絡(luò)架構(gòu)和工作流，一步步帶領(lǐng)讀者理解目標(biāo)檢測(cè)的工作原理，作者本人也提供了 Luminoth 實(shí)現(xiàn)，供大家參考。Luminoth 實(shí)現(xiàn)：https://github.com/tryolabs/luminoth/tree/master/l...

taoszu 2019-04-25 18:25 評(píng)論0 收藏0