成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

jq滑動箭頭跟隨，選項卡功能

qingshanli1988 / 1716人閱讀

摘要：主要實現(xiàn)功能點擊增加選中樣式，同時箭頭指向選中上滑列表頁，超出顯示范圍做處理，默認(rèn)選中第一個滑動時，箭頭不顯示，添加一個定時器后顯示處理結(jié)果文件點擊的高度判斷是否點擊的超出顯示范圍，跑上面了判斷最接近顯示范圍的找到結(jié)束循環(huán)判

主要實現(xiàn)功能
1.點擊li,增加選中樣式，同時箭頭指向選中l(wèi)i
2.上滑列表頁，超出顯示范圍做處理，默認(rèn)選中第一個
3.滑動時，箭頭不顯示，添加一個定時器,500ms后顯示處理結(jié)果
html文件



    
        
        Title
    
    
    
    
    
        

            
    
                
  • 
                
  • 
                
  • 
                
  • 
                
  • 
                
  • 
                
  • 
                
  • 
                
  • 
                
  • 
                
  • 
                
  •

css文件

*{
    box-sizing: border-box;
}
#expert{
    width: 100%;
    height:100vh;
    background: #ccc;
}
#expert .list{
    width: 30%;
    height:100%;
    overflow-y: auto;
    float: left;
}
#expert .list li{
    background: #fff;
    width: 100%;
    height: 100px;
    margin-bottom: 3px;
    border:1px solid #fff;
}
#expert .list .sel{
    border:1px solid #f00;
}

/*隱藏滾動條顯示*/
#expert{
    position: relative;
    overflow: hidden;
}
#expert .list{
    position: absolute;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;

}
/* for Chrome */
::-webkit-scrollbar {
    display: none;
}
.details{
    float: right;
    width: 68%;
    height: 100%;
    background: #ff0;
    padding-left: 2%;
    position: relative;
}
aside{
    float: left;
    width: 2%;
    height: 100vh;
    background: #0ff;
    position: relative;
    margin-left: 30%;
}
aside .print{
    width: 20px;
    height:20px;
    background: #fff;
    position: absolute;
    right: -10px;
    top:40px;
    transform:rotate(45deg);
}

顯示的內(nèi)容

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95716.html

相關(guān)文章

  • jq滑動箭頭跟隨，選項卡功能

    摘要：主要實現(xiàn)功能點擊增加選中樣式，同時箭頭指向選中上滑列表頁，超出顯示范圍做處理，默認(rèn)選中第一個滑動時，箭頭不顯示，添加一個定時器后顯示處理結(jié)果文件點擊的高度判斷是否點擊的超出顯示范圍，跑上面了判斷最接近顯示范圍的找到結(jié)束循環(huán)判 主要實現(xiàn)功能1.點擊li,增加選中樣式，同時箭頭指向選中l(wèi)i2.上滑列表頁，超出顯示范圍做處理，默認(rèn)選中第一個3.滑動時，箭頭不顯示，添加一個定時器,500ms后...

    source 評論0 收藏0

  • jq滑動箭頭跟隨，選項卡功能

    摘要：主要實現(xiàn)功能點擊增加選中樣式，同時箭頭指向選中上滑列表頁，超出顯示范圍做處理，默認(rèn)選中第一個滑動時，箭頭不顯示，添加一個定時器后顯示處理結(jié)果文件點擊的高度判斷是否點擊的超出顯示范圍，跑上面了判斷最接近顯示范圍的找到結(jié)束循環(huán)判 主要實現(xiàn)功能1.點擊li,增加選中樣式，同時箭頭指向選中l(wèi)i2.上滑列表頁，超出顯示范圍做處理，默認(rèn)選中第一個3.滑動時，箭頭不顯示，添加一個定時器,500ms后...

    Baoyuan 評論0 收藏0

  • 匠心打造Vue側(cè)滑菜單組件

    摘要：本文介紹一個簡單的類似的布局組件的實現(xiàn)，基于。介紹的內(nèi)容已經(jīng)制作成組件。即當(dāng)不可以拖出抽屜時，應(yīng)觸發(fā)默認(rèn)事件，比如垂直方向的滾動等等。這種優(yōu)化可以將一部分復(fù)雜的計算工作提前準(zhǔn)備好，使頁面的反應(yīng)更為快速靈敏。 本文介紹一個簡單的DrawerLayout（類似Android的DrawerLayout）布局組件的實現(xiàn)，基于Vue.js。介紹的內(nèi)容已經(jīng)制作成 vue-drawer-layout...

    sutaking 評論0 收藏0

  • 匠心打造Vue側(cè)滑菜單組件

    摘要：本文介紹一個簡單的類似的布局組件的實現(xiàn)，基于。介紹的內(nèi)容已經(jīng)制作成組件。即當(dāng)不可以拖出抽屜時，應(yīng)觸發(fā)默認(rèn)事件，比如垂直方向的滾動等等。這種優(yōu)化可以將一部分復(fù)雜的計算工作提前準(zhǔn)備好，使頁面的反應(yīng)更為快速靈敏。 本文介紹一個簡單的DrawerLayout（類似Android的DrawerLayout）布局組件的實現(xiàn)，基于Vue.js。介紹的內(nèi)容已經(jīng)制作成 vue-drawer-layout...

    張漢慶 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<