scroll事件實現監控滾動條改變標題欄背景透明度(zepto.js )
今天做了一個類似於手機端京東首頁的頁面,效果圖如下: 刷新頁面的時候,標題欄(也就是搜索欄),背景是透明的,當我們往下滑的時候,可以改變標題欄的背景透明度(漸變效果): 當標題欄滑過輪播圖后,透明度就會漸變成1了. 下面是另外做的一個小demo來展示實現這個效果,同時這里也涉及到 ...
原文：仿百度手機助手標題欄透明度隨ListView或ScrollView滾動改變的實現方法
有時做項目遇到ListView或ScrollView上方加圖片和標題欄布局，在滾動時要求改變標題欄的透明度，即上滑標題欄出現，下拉標題欄變透明，類似百度手機助手 . 裝機必備界面效果 要實現這種標題欄透明度隨滾動漸變的動畫很簡單，我們只需要實現onScroll方法就可以，完成對HeaderView的位置檢測，然后通過HeaderView的高度和顯示的高度來計算比例，設置TitleBar的背景圖片的 ...
2014-11-06 16:52 0 2555 推薦指數：
相關推薦
自定義Scrollview--實現仿淘寶Toolbar透明度漸變效果
1，上個月做了下電商的項目，本來以為本簡單的，但做起來還是遇到了不少的問題，上個周五項目就上線了，不過時間還是很緊，PM給了我兩天時間總結總結，然后又要開始一個新的項目和這個項目的迭代，感覺又要開始累死了。不瞎扯了，今天是要實現類似於淘寶Toobar的效果，先看一下淘寶的效果： 再看 ...
html之改變圖片透明度而不改變文字的透明度--兩種方法實現
圖片與圖片上的文字設置不同的透明度的兩種方法： 第一種方法：背景圖+定位+background: url(timg.jpg）no-repeat; 第二種方法：背景圖+偽類+flite:blur(5px) 需要知道的幾個屬性： background: url ...
CSS3 Filter詳解（改變模糊度 亮度 透明度等方法）
CSS3 Filter（濾鏡）屬性提供了提供模糊和改變元素顏色的功能。CSS3 Fitler 常用於調整圖像的渲染、背景或邊框顯示效果。 -webkit-filter是css3的一個屬性，Webkit率先支持了這幾個功能，感覺效果很不錯。下面咱們就學習一下filter這個屬性吧。 現在規范中支 ...
CSS3 Filter詳解（改變模糊度 亮度 透明度等方法）
透明度 10.褐色 CSS3 Filter ...
CSS3 Filter詳解（改變模糊度 亮度 透明度等方法）
CSS3 Filter（濾鏡）屬性提供了提供模糊和改變元素顏色的功能。CSS3 Fitler 常用於調整圖像的渲染、背景或邊框顯示效果。 -webkit-filter是css3的一個屬性，Webkit率先支持了這幾個功能，感覺效果很不錯。下面咱們就學習一下filter這個屬性吧。 現在規范中支 ...
手機百度網盤加群方法
一、第一步：點擊共享按鈕 2.點擊右上角的“+”號，點擊加好友/群 3.輸入群號，然后點擊鍵盤上的搜索（注意：不要點擊群號左邊的放大鏡圖標，那不是搜索按鈕） 4.進 ...
調用百度地圖API實現手機自動定位 （逆地址解析）
//聲明地址解析器 var geoc = new BMap.Geocoder(); //自動定位 var autoLocation = function () ...