頁面上下滾動，背景圖不動

阿新 • • 發佈：2018-12-31

其實就是個思路的問題，如果單純的用背景圖片，你會發現不是很好實現的。

.mainbox{
	position:fixed;top:0;bottom:0;right:0;left:0;z-index:-1;
}
.mainbox>img{
        width:100%;
        height:100%;
        border:0px;
}

<div class="mainbox" >
		<img src="__ROOT__/public/images/wdls/bgcomm.png"/>
</div>

就這樣，頁面其他元素跟mainbox平級就行了，這是個獨立的容器，主要下沉了，形成背景圖的錯覺。

忘記在哪看到了，非常抱歉原作者。

頁面上下滾動，背景圖不動

其實就是個思路的問題，如果單純的用背景圖片，你會發現不是很好實現的。 .mainbox{ position:fixed;top:0;bottom:0;right:0;left:0;z-index:-1; } .mainbox>img{ width:1

使用css實現頁面頭部固定，下面隨著內容的增多滾動，但是頭部不動的效果

注意：下面這個地方的*{margin:0; padding:0}不要刪掉，會影響頁面整體顯示樣式 <!DOCTYPE html> <html> <head> &l

制作滾動表格，表格頭不動，內容滾動

header bgcolor xhtml images mouse es2017 str www 內容有這個需求，其實也不難，就是弄兩個表格組合，結合marquue標簽就行了，代碼如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DT

html 背景圖不隨滾輪滾動文字滾動

摘自思否作者原文連結https://segmentfault.com/a/1190000016788803 程式碼： <!DOCTYPE html> <html lang="en"> <head> <meta chars

網站開發，推薦使用SuperSlide 插件-Tab標簽切換，圖片滾動，無縫滾動，焦點圖

更新 www 展示部分 rdquo 標簽網上幻燈片 dex SuperSlide 致力於解決網站大部分特效展示問題，使網站代碼規範整潔，方便維護更新。網站上常用的“焦點圖/幻燈片”“Tab標簽切換”“圖片滾動

vue 新增屬性的數據變化時，視圖不能實時更新

問題 wid ID 留言 idt line 點擊 ima pen 我有這樣一個父列表，點擊展開，會請求該項的字列表，並顯示這個字列表。我需要一個屬性來控制，這個展開和收起，所以在請求父列表時，給父列表添加了opens屬性，我是這樣添加的。 let relalist1

vue給當前頁面加滾動監聽怎麼樣不影響其他頁面

最近利用vue寫了一個網站，在網站某一個頁面滾動到某一個地方後執行某一動化，所以要獲取拿一個div到頂部的距離，所以我在頁面載入的時候給window加了一個滾動的監聽 mounted(){ window.addEventListener('scroll', this.handleScro

使用Chrome-headless模式下，截圖不全屏的問題

在headless模式下，是沒有開啟瀏覽器視窗的，那麼driver.maximize_window()，找不到目標也打不開。我們可以換一種方式，去在無頭模式下，指定瀏覽器的視窗大小執行即可。 __options = Options() __options.add_argum

IDEA提交，卡著不動

在折騰了幾天後，終於發現了原因，疏忽啊。 1.一定要把node_modules資料夾新增到 .gitignore中；否則影響git的提交 2. idea中：setting ==》editor ==》 File Types 中底部的 ignore file and folder中新增：node

蘋果手機各種相容性問題：滑動，背景圖片不顯示，input 禁止非數字輸入，position定位，隱藏input游標等

每次做移動端專案，到了提測階段最讓我忐忑的還是測試的各種版本的IOS手機，尤其是那隻蘋果se系統版本賊低的神機。蘋果手機 overflow-y: auto 滑動不了或者滑動卡的問題 -webkit-overflow-scrolling: tou

jQuery 判斷頁面上下滾動

set con else ons lse 滾動 this window query var t = 0, b = 0; $(window).scroll(function(){ t = $(this).scrollTop(); if(b <

xcode5.1，執行時出現(菊花)attaching to (projectName)，掛起不動

Xcode執行程式時，有時會出現程式build成功，但是程式中顯示：attaching to projectName，然後掛起不動。在網上查了很多方法,把我總結的記錄下來: 1.點選bundle,

程式設計師之間的鬥圖大作戰！程式碼可亂，鬥圖不能輸

最近有點忙，小編今天又來給大家發文章了，這幾天都是給大家發一些技術型別的資料，相信很多小夥伴看的有點枯燥乏味了，今天，給大家帶來一些程式設計師之前鬥圖的表情包，很多人都說程式設計師被外面的人黑的很厲害，但是不知道，程式設計師黑自己黑的更慘無人道！下面不多說了，給大家上圖。最後給大家一些學習前端開發的建議：審美

微擎同步微信公眾號圖文，縮圖不顯示，火狐顯示【因其本身有錯無法顯示】解決方法

//此例項為獲取微信圖片 //微信的圖片需要要求必須有引用頁，程式中無法直接呼叫，以下程式碼實現一個具體引用頁的請求來獲取微信圖片 load()->func('communication'); //微信圖片 $image = trim($_GPC['attach'])

解決mui scoll真機除錯滑鼠滾輪能滾動，而手機不能滾動問題

直接註釋掉之前寫的滾動條初始化就ok了 // mui.init(); // (function($) { // $(".mui-scroll-wrapper").scroll({ // bounce: true, //滾動條

div隨滾動條上下滾動，onscroll事件相容IE、火狐、谷歌瀏覽器

tomcat啟動超級慢，或者卡住不動

先說解決辦法：1）在Tomcat環境中解決可以通過配置JRE使用非阻塞的Entropy Source。在catalina.sh中加入這麼一行：-Djava.security.egd=file:/dev/./urandom 即可。加入後再啟動Tomcat，整個啟動耗時下降到Se

Linux滑鼠變成十字，點選不動

由於在bash中誤當成python直譯器，輸入了import（沒有誤操作，隨意）解決：ps -aux 找出import 程序 kill -9 pid（程序號，就上一命令的第二列）殺死解決。唉可長點心吧！

weblogic應用，前端頁面無法啟動，報找不到頁面，重啟服務報“Unable to obtain file lock but will retry”的解決辦法

啟動weblogic的時候報：“Unable to obtain file lock but will retry” 原因：因為伺服器down掉了，weblogic相關程序非正常關閉，導致下次重啟動時候報此類錯誤，不知道還有沒有別的原因，也不知道還有沒有別的解決辦法（殺

解決betterScroll在vue中存在圖片時，出現拉不動的情況！

1.先寫一個圖片載入的方法class ImgLoadClass { static preloadImages = (arr) => { //已經載入完的圖片數量 let loa

頁面上下滾動，背景圖不動

相關推薦