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

資訊專欄INFORMATION COLUMN

vue 解決無法設(shè)置滾動位置的問題

番茄西紅柿 / 3464人閱讀

摘要：問題描述在實現(xiàn)錨點定位的時候發(fā)現(xiàn)無法設(shè)置滾動條的位置。在中，使用無法設(shè)置滾動條的高度。一直是原因因為的頁面指定了，即指定了時，使用。工作不僅僅是工作完成任務(wù)，是一個自己發(fā)現(xiàn)自身問題，提升能力和對自己的技術(shù)實操實踐的過程。

問題描述

在實現(xiàn)錨點定位的時候發(fā)現(xiàn)無法設(shè)置滾動條的位置。

在Vue中，使用 document.body.scrollTop=952 無法設(shè)置滾動條的高度。

document.body.scrollTop一直是0

原因

因為vue的頁面指定了DTD，即指定了DOCTYPE時，使用document.documentElement。

頁面沒有DTD，即沒指定DOCTYPE時，使用document.body。

解決方案

document.documentElement=956

 

2018年10月10號新增

上面僅僅是說這個頁面的滾動條高度的設(shè)定，當我頁面內(nèi)的一個div的滾動條設(shè)定他的高度 如下解決方案

var anchor = this.$el.querySelector(.message-list)
      this.$nextTick(() => {
        document.querySelector(.message-list).scrollTop = anchor.scrollHeight
 })

這個解決方案在我做ng的時候又出現(xiàn)過類似的問題，我前大佬告訴我的 ，當時只是為了解決問題并沒有了解其原理，復(fù)制進來就過去了。

現(xiàn)在做vue了，才知道哦，為什么要這樣寫，所以說項目太趕，只是為了完成任務(wù)，對個人能力并沒有提升，做完了就過了， 還要解決其他的bug，其他的任務(wù)，現(xiàn)在能夠靜下來在工作過程中學(xué)習+進步，對個人的發(fā)展才是好的。工作不僅僅是工作完成任務(wù)，是一個自己發(fā)現(xiàn)自身問題，提升能力和對自己的技術(shù)實操實踐的過程。

 

此隨筆乃本人學(xué)習工作記錄，如有疑問歡迎在下面評論，轉(zhuǎn)載請標明出處。

如果對您有幫助請動動鼠標右下方給我來個贊，您的支持是我最大的動力。

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

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

相關(guān)文章

  • Vue 實踐過程中的幾個問題

    摘要：前言本篇是我在使用過程中，遇到的幾個小問題和之前不了解的東西，記錄下來，希望能夠幫助各位踩坑。小結(jié)上面就是我分享的幾個小問題，希望大家看了能夠有所收獲另明年準備去上海，如果小伙伴的公司有坑，可以聯(lián)系一下我。 前言 本篇是我在使用vue過程中，遇到的幾個小問題和之前不了解的東西，記錄下來，希望能夠幫助各位踩坑。如果喜歡的話可以點波贊，或者關(guān)注一下，希望本文可以幫到大家。 本文首發(fā)于我的個...

    DevTalking 評論0 收藏0

  • Web前端開發(fā)過程踩過的坑以及一些小方法技巧（持續(xù)更新）

    摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會出現(xiàn)點擊失效的情況。對于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(fā)對于文件的處理問題。解決方法有給元素設(shè)置絕對定位即可。元素換成內(nèi)聯(lián)元素，如。 一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

    arashicage 評論0 收藏0

  • Web前端開發(fā)過程踩過的坑以及一些小方法技巧（持續(xù)更新）

    摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會出現(xiàn)點擊失效的情況。對于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(fā)對于文件的處理問題。解決方法有給元素設(shè)置絕對定位即可。元素換成內(nèi)聯(lián)元素，如。 一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

    binta 評論0 收藏0

  • Web前端開發(fā)過程踩過的坑以及一些小方法技巧（持續(xù)更新）

    摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會出現(xiàn)點擊失效的情況。對于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(fā)對于文件的處理問題。解決方法有給元素設(shè)置絕對定位即可。元素換成內(nèi)聯(lián)元素，如。 一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

    張春雷 評論0 收藏0

  • 基于better-scroll的vue滾動組件

    摘要：讓用戶可以滾動頁面。事件中拿到想要的后瀏覽器已經(jīng)隱藏地址欄和工具欄，放開插件滾動。發(fā)現(xiàn)派發(fā)的方法在父組件中監(jiān)聽后獲取位置參數(shù)的效果不太好必須要手指貼著滑動才可以這個設(shè)置為可以實時派發(fā)滾動事件和位置參數(shù)其他坑點待發(fā)現(xiàn)歡迎大佬一起交流 寫在前面 由于最近一個移動端項目中許多地方有滾動需求, 橫向,縱向的都有,所以就基于better-scroll封裝了一個通用的滾動組件,期間也踩了一些坑,有...

    xiaotianyi 評論0 收藏0

發(fā)表評論

0條評論

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