在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

問題描述:
在vue中使用showdown.js生成了一段html,其中的code標簽的代碼超出了屏幕寬度,如下圖

clipboard.png

然而在設置overflow:auto之后,無法實現往左拖動...

后來詭異地發(fā)現,在觸發(fā)某次dom改變之后(比如點擊tab切換,點擊按鈕變色之類),滾動條又能正常拖動了,如下圖

clipboard.png

為什么滾動條初始時不生效,觸發(fā)dom改變之后才生效呢?苦思無果,只能問下各位大大...

暫時的解決方案是:
vue中綁定個事件 @touchstart.once="makeScrollSuccess"
然后進行一次dom操作:

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

雖然滾動條正常工作了,但這種方法實在慘不忍睹,希望能找到更根本的解決辦法~

回答
編輯回答
你的瞳

是不是你的overflow:auto沒有生效 ,第一次的時候

2018年4月17日 11:15