成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 3530人閱讀

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

問題描述

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

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

document.body.scrollTop一直是0

原因

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

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

解決方案

document.documentElement=956

 

2018年10月10號(hào)新增

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

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

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

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

 

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

如果對(duì)您有幫助請(qǐng)動(dòng)動(dòng)鼠標(biāo)右下方給我來個(gè)贊，您的支持是我最大的動(dòng)力。

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

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

相關(guān)文章

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

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

    DevTalking 評(píng)論0 收藏0

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

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

    arashicage 評(píng)論0 收藏0

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

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

    binta 評(píng)論0 收藏0

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

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

    張春雷 評(píng)論0 收藏0

  • 基于better-scroll的vue滾動(dòng)組件

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

    xiaotianyi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<