鍍金池/ 問(wèn)答/HTML/ vue中原生滾動(dòng)條不生效，在觸發(fā)dom改變后，滾動(dòng)條才起作用，有什么好的解決辦法

vue中原生滾動(dòng)條不生效，在觸發(fā)dom改變后，滾動(dòng)條才起作用，有什么好的解決辦法？

問(wèn)題描述：
在vue中使用showdown.js生成了一段html，其中的code標(biāo)簽的代碼超出了屏幕寬度，如下圖

clipboard.png

然而在設(shè)置overflow：auto之后，無(wú)法實(shí)現(xiàn)往左拖動(dòng)...

后來(lái)詭異地發(fā)現(xiàn)，在觸發(fā)某次dom改變之后（比如點(diǎn)擊tab切換，點(diǎn)擊按鈕變色之類），滾動(dòng)條又能正常拖動(dòng)了，如下圖

clipboard.png

為什么滾動(dòng)條初始時(shí)不生效，觸發(fā)dom改變之后才生效呢？苦思無(wú)果，只能問(wèn)下各位大大...

暫時(shí)的解決方案是：
vue中綁定個(gè)事件 @touchstart.once="makeScrollSuccess"
然后進(jìn)行一次dom操作：

makeScrollSuccess () {
        $('.home').css('opacity','0.99')
    },

雖然滾動(dòng)條正常工作了，但這種方法實(shí)在慘不忍睹，希望能找到更根本的解決辦法~

回答
編輯回答
你的瞳

是不是你的overflow:auto沒有生效 ，第一次的時(shí)候

2018年4月17日 11:15