歌手頁(yè)面右邊shortcut的實(shí)現(xiàn)

數(shù)據(jù)的獲取(listview.vue)


獲取index元素的方法封裝(dom/js/dom.js)


給scroll.vue擴(kuò)展方法

回到listview.vue

至此,右邊的shortcut的點(diǎn)擊和移動(dòng)就都實(shí)現(xiàn)了

實(shí)現(xiàn)左邊移動(dòng),右邊shortcut移動(dòng)到相應(yīng)的字面

擴(kuò)展scroll.vue方法

回到listview.vue


index===null是為了解決,a上和z下有一個(gè)間隔大小,為了讓他們的點(diǎn)擊是失效的所以添加的if條件,index<0是解決shortcut滑動(dòng)到頂部和底部的邊界問(wèn)題爱谁。

計(jì)算高度

^滾動(dòng)到底部,且-newY大于最后一個(gè)元素的上限

至此實(shí)現(xiàn)了左右聯(lián)動(dòng)孝偎。

接下來(lái)是實(shí)現(xiàn)fix-title的功能

實(shí)現(xiàn)動(dòng)態(tài)的fix-title

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末访敌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子衣盾,更是在濱河造成了極大的恐慌寺旺,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件雨效,死亡現(xiàn)場(chǎng)離奇詭異迅涮,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)徽龟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門叮姑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人据悔,你說(shuō)我怎么就攤上這事传透。” “怎么了极颓?”我有些...
    開封第一講書人閱讀 164,614評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵朱盐,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我菠隆,道長(zhǎng)兵琳,這世上最難降的妖魔是什么狂秘? 我笑而不...
    開封第一講書人閱讀 58,671評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮躯肌,結(jié)果婚禮上者春,老公的妹妹穿的比我還像新娘。我一直安慰自己清女,他們只是感情好钱烟,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嫡丙,像睡著了一般拴袭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上曙博,一...
    開封第一講書人閱讀 51,562評(píng)論 1 305
  • 那天拥刻,我揣著相機(jī)與錄音,去河邊找鬼父泳。 笑死泰佳,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的尘吗。 我是一名探鬼主播,決...
    沈念sama閱讀 40,309評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼浇坐,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼睬捶!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起近刘,我...
    開封第一講書人閱讀 39,223評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤擒贸,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后觉渴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體介劫,經(jīng)...
    沈念sama閱讀 45,668評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評(píng)論 3 336
  • 正文 我和宋清朗相戀三年案淋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了座韵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,981評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡踢京,死狀恐怖誉碴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瓣距,我是刑警寧澤黔帕,帶...
    沈念sama閱讀 35,705評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站蹈丸,受9級(jí)特大地震影響成黄,放射性物質(zhì)發(fā)生泄漏呐芥。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評(píng)論 3 330
  • 文/蒙蒙 一奋岁、第九天 我趴在偏房一處隱蔽的房頂上張望思瘟。 院中可真熱鬧,春花似錦厦取、人聲如沸潮太。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)铡买。三九已至,卻和暖如春霎箍,著一層夾襖步出監(jiān)牢的瞬間奇钞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工漂坏, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留景埃,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,146評(píng)論 3 370
  • 正文 我出身青樓顶别,卻偏偏與公主長(zhǎng)得像谷徙,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子驯绎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 內(nèi)容 UI組件 開發(fā)框架 實(shí)用庫(kù) 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 UI組件 element ★13489...
    秋玄語(yǔ)道閱讀 13,710評(píng)論 3 116
  • Vue-Music 一| 前期工作 1.項(xiàng)目初始化 npm install -g vue-cli vue init...
    noobakong閱讀 1,834評(píng)論 0 5
  • 浸風(fēng)飲露冷完慧,孤蟬禁夜聲。 借棲西窗外剩失,調(diào)高驚離夢(mèng)屈尼。
    陽(yáng)春閱讀 295評(píng)論 0 5
  • 毛鳳霞~中國(guó)太平 【日精進(jìn)打卡第110天】 【知~學(xué)習(xí)】 【經(jīng)典名句分享】 所有的努力,不是為了讓別人覺(jué)得你了不起...
    太平人壽毛毛閱讀 160評(píng)論 0 0
  • 對(duì)于普通人來(lái)說(shuō)鞭执,當(dāng)我們面臨恐懼時(shí),我們會(huì)選擇逃避芒粹。于我而言蚕冬,亦是如此。 自己上上周做了二十多個(gè)小時(shí)的火車是辕,獨(dú)自一人...
    迷惘的小碩閱讀 267評(píng)論 0 1