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

資訊專欄INFORMATION COLUMN

tab切換點(diǎn)擊居中處理

pingan8787 / 3667人閱讀

摘要:原理獲取當(dāng)前對象及當(dāng)前對象的所有對象的高度和,獲取當(dāng)前父盒子的高度使用的動畫處理樣式代碼段阿里巴巴騰訊百度華為聯(lián)想萬科萬達(dá)恒大小米京東格力美的海爾代碼段核心代碼參數(shù)獲取

原理
1.獲取當(dāng)前對象及當(dāng)前對象的所有對象的高度和,獲取當(dāng)前父盒子的高度
2.使用jquery的animate動畫處理
css樣式
*{margin:0;padding:0;}
.parent{list-style-type:none;height:300px;width:120px;overflow-y:scroll;}
.child{height:38px;border-top:2px solid red;background: green;line-height: 38px;}
html代碼段
  • 阿里巴巴
  • 騰訊
  • 百度
  • 華為
  • 聯(lián)想
  • 萬科
  • 萬達(dá)
  • 恒大
  • 小米
  • 京東
  • 格力
  • 美的
  • 海爾
javascript代碼段
var 
parentNode = $( ".parent" ),
childHeight = 40,
parentNodeHeight = 300;
$(".child").click(function(){
    var j = $(this).index();
    parentNode.stop().animate({
        scrollTop : childHeight * ( j + 1 ) - parentNodeHeight / 2 // 核心代碼
    },600);
});
url參數(shù)獲取
const getUrlParam = function ( mid, hashOn=false ) {
  const reg = new RegExp("(^|&)" + mid + "=([^&]*)(&|$)");
  const util = idx => window.location[ idx ].substr(1).match(reg);
  const r = util("search") || ( hashOn && util( "hash" ) ) || null;
  if ( r != null )  
    return decodeURIComponent( r[2] ); 
  return null;
}

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

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

相關(guān)文章

  • react-navigation使用詳解

    摘要:導(dǎo)航組件使用詳解注意了,如果有小伙伴們發(fā)現(xiàn)運(yùn)行作者提供的示例項(xiàng)目報(bào)如下的錯(cuò)誤,可能是大家使用了命令導(dǎo)致的,解決這個(gè)錯(cuò)誤的辦法就是將刪除,然后重新使用命令來安裝,最后使用來起服務(wù),應(yīng)該就不報(bào)錯(cuò)了。 react-navigation導(dǎo)航組件使用詳解 注意了,如果有小伙伴們發(fā)現(xiàn)運(yùn)行作者提供的react-navigation示例項(xiàng)目報(bào)如下的錯(cuò)誤,可能是大家使用了 yarn install 命...

    stonezhu 評論0 收藏0

發(fā)表評論

0條評論

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