none
請問如何禁止畫面捲動 RRS feed

  • 問題

  • 各位大大您好,請問在MVC WEB C#,請問如何使用css讓畫面禁止捲動,目前需求是當視窗小於某個尺寸時,無論處在畫面的任一地方,都要禁止畫面捲動,完全不能scroll,等到視窗放大時,才能恢復scroll的功能。

    Code需填地方如下:

    @media screen and  (max-width: 400px) and (max-height: 400px){
        ?? {
          display:block;
          overflow:hidden;
          background-color:green;
        }    
    }

    感謝各位大大!


    • 已編輯 Eden Knight 2019年10月14日 上午 08:28 不是ID 是整個網頁
    2019年10月14日 上午 06:23

所有回覆

  • 卷軸顯示關閉並不會禁止鍵盤翻頁或滑鼠中鍵的捲動

    不精確的問法,就會得到隨便猜的答案;自己都不肯花時間好好描述問題,又何必期望網友會認真回答?

    2019年10月14日 下午 12:49
  • 您可以參考這篇討論的做法:

    Completely disable scrolling of webpage [duplicate]

    2019年10月15日 上午 12:27
  • 問題補充如下:程式在android畫面,點選有很多字的textarea時,keyboard顯示出來,

    textarea的顯示位置會錯誤的跑回開頭,但是textarea的焦點仍然正確的留在結尾,

    請問如何讓textarea得顯示位置正確的留在結尾。目前在ios phone 跟電腦裝置顯示是可以的,但是在安卓是失敗的,以下為ios phone的成功範例:

    圖1:點選網站事件

    圖2:事件視窗顯示

    圖3:向下移動到事件視窗的textbox

    圖4:在textbox中向下滑動到textbox長段文字的結尾部分進行點選,keyboard顯示,在圖中iphone是沒有跑掉的,不過安卓的畫面會跑掉。不過目前部分安卓手機利用本串文章首篇的css是可以修正的,但是其他安卓手機畫面還是跑掉。

    感謝各位大大。

    2019年10月22日 上午 06:19
  • 再補充一下,目前在一些安卓平台是OK的,使用的CSS如下:

    @media screen and  (max-width: 580px) and (max-height: 350px)and (min-height: 200px){
       html {
          display:block!important;
          overflow:hidden!important;
        }     
    }
    不過在其他安卓平台還是失敗,請問各位大大如何讓網站的安卓手機畫面可以跟IPHONE、電腦一樣,不要跑掉,謝謝!
    2019年10月24日 上午 03:46