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

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 3462人閱讀

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

問題描述

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

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

document.body.scrollTop一直是0

原因

因?yàn)関ue的頁面指定了DTD，即指定了DOCTYPE時，使用document.documentElement。

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

解決方案

document.documentElement=956

 

2018年10月10號新增

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

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

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

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

 

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

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

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

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

相關(guān)文章

  • Vue 實(shí)踐過程中的幾個問題

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

    DevTalking 評論0 收藏0

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

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

    arashicage 評論0 收藏0

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

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

    binta 評論0 收藏0

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

    摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會出現(xiàn)點(diǎn)擊失效的情況。對于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(fā)對于文件的處理問題。解決方法有給元素設(shè)置絕對定位即可。元素?fù)Q成內(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è)置為可以實(shí)時派發(fā)滾動事件和位置參數(shù)其他坑點(diǎn)待發(fā)現(xiàn)歡迎大佬一起交流 寫在前面 由于最近一個移動端項(xiàng)目中許多地方有滾動需求, 橫向,縱向的都有,所以就基于better-scroll封裝了一個通用的滾動組件,期間也踩了一些坑,有...

    xiaotianyi 評論0 收藏0

發(fā)表評論

0條評論

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