国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

立即前往

首頁/文章專欄/JavaScript 溫故：制作一個sidebar

JavaScript 溫故：制作一個sidebar

waruqi 發(fā)布于2019-08-20 13:49 / 1268人閱讀

摘要：是一種常用類型的導(dǎo)航組件，它可從頁面旁側(cè)彈出，覆蓋在正常內(nèi)容上。其內(nèi)有鏈接到和。

sidebar是一種常用類型的導(dǎo)航組件，它可從頁面旁側(cè)彈出，覆蓋在正常內(nèi)容上。

假設(shè)你的正常內(nèi)容為：

    
         Placeholder
         Placeholder

         Placeholder

現(xiàn)在我們可以在內(nèi)容內(nèi)加入sidebar。其內(nèi)有鏈接到Home和About。并加入一個按鈕，可以打開sidebar，代碼如下：

× Home About

Placeholder

要點在于：

默認(rèn)情況下，sidebar是一個div內(nèi)置任何html，且width為0，因此不可見

當(dāng)需要使用sidebar時，可以使用函數(shù)設(shè)置其width為一個寬度，因此它變得可見

雖然它變得可見，但是因為z-index為1，因此不會引發(fā)主要內(nèi)容的重新渲染和計算新的位置，而是覆蓋其上

GPU云服務(wù)器云服務(wù)器 sidebar 怎么制作一個網(wǎng)站怎么自己制作一個網(wǎng)站如何制作一個小程序

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/81255.html

相關(guān)文章

JavaScript溫故：制作一個backtotop按鈕

摘要：按鈕可以在內(nèi)容滾動時，給用戶一個返回頂部的方便。制作一個按鈕的關(guān)鍵是告訴瀏覽器此元素相對于瀏覽器固定，而不隨著內(nèi)容的滾動而滾動。代碼達(dá)到此效果的方式是使用的特性而屬性組合告訴瀏覽器，固定此元素在相對于右下角的，位置處。 backtotop按鈕可以在內(nèi)容滾動時，給用戶一個返回頂部的方便。制作一個backtotop按鈕的關(guān)鍵是告訴瀏覽器此元素相對于瀏覽器固定，而不隨著內(nèi)容的滾動而滾動。代碼...

sunnyxd 2019-08-20 13:51 評論0 收藏0
Vue自定義全局組件制作方法

摘要：查閱資料后發(fā)現(xiàn)，自定義的組件需要提供一個方法提供可選的組件名像這樣引入自己編寫好的組件，然后創(chuàng)建一個對象，并包含一個方法，并使用方法注冊成全局組件，最后導(dǎo)出這個對象。今天解決了一個長期困擾著我的問題，現(xiàn)在記錄一下，供日后參考。涉及知識點是Vue.js官網(wǎng)教程中的插件使用首先我遇到的問題就是我自定義的組件如果需要在項目中其他組件中多次被調(diào)用，而我之前的解決方法就是簡單的，哪里需要在...

qylost 2019-08-21 17:56 評論0 收藏0
CSS Sprite雪碧圖的應(yīng)用

摘要：雪碧圖的使用場景靜態(tài)圖片，不隨用戶信息的變化而變化。使用使用雪碧圖之前，我們需要知道雪碧圖中各個圖標(biāo)的位置。以上面的雪碧圖為例實際雪碧圖中各個小圖片的起始位置和上面的展示圖不同用一個來闡述它的使用方法。 CSS雪碧圖，即CSS Sprite，也有人叫它CSS精靈圖，是一種圖像拼合技術(shù)。該方法是將多個小圖標(biāo)和背景圖像合并到一張圖片上，然后利用CSS的背景定位來顯示需要顯示的圖片部分。 s...

verano 2019-08-02 11:51 評論0 收藏0
CSS Sprite雪碧圖的應(yīng)用

摘要：雪碧圖的使用場景靜態(tài)圖片，不隨用戶信息的變化而變化。使用使用雪碧圖之前，我們需要知道雪碧圖中各個圖標(biāo)的位置。以上面的雪碧圖為例實際雪碧圖中各個小圖片的起始位置和上面的展示圖不同用一個來闡述它的使用方法。 CSS雪碧圖，即CSS Sprite，也有人叫它CSS精靈圖，是一種圖像拼合技術(shù)。該方法是將多個小圖標(biāo)和背景圖像合并到一張圖片上，然后利用CSS的背景定位來顯示需要顯示的圖片部分。 s...

Galence 2019-08-29 17:07 評論0 收藏0
css實現(xiàn)左側(cè)寬度自適應(yīng)，右側(cè)固定寬度

摘要：頁面布局中經(jīng)常用會遇到左側(cè)寬度自適應(yīng)，右側(cè)固定寬度，或者左側(cè)寬度固定，右側(cè)自適應(yīng)。一般固定寬度是導(dǎo)航欄，自適應(yīng)寬度的是主體內(nèi)容顯示區(qū)。頁面布局中經(jīng)常用會遇到左側(cè)寬度自適應(yīng)，右側(cè)固定寬度，或者左側(cè)寬度固定，右側(cè)自適應(yīng)。總之就是一邊固定寬度，一邊自適應(yīng)寬度。一般固定寬度是導(dǎo)航欄，自適應(yīng)寬度的是主體內(nèi)容顯示區(qū)。所以要實現(xiàn)這種布局，就先給出如下html結(jié)構(gòu)：導(dǎo)航區(qū)域 ...

Sunxb 2019-08-30 15:52 評論0 收藏0