কীভাবে ওয়েব পৃষ্ঠার অবস্থান থেকে স্ক্রোলবার প্রতিরোধ করবেন?

218

সেন্টার-অ্যালাইনড ডিআইভি সহ আমার একটি ওয়েবসাইট রয়েছে। এখন, কিছু পৃষ্ঠাগুলির স্ক্রোলিং দরকার, কিছু দরকার নেই। আমি যখন এক প্রকার থেকে অন্য প্রকারে চলে যাই, তখন একটি স্ক্রোলবারের উপস্থিতি পৃষ্ঠাটিকে কয়েক পিক্সেলকে পাশের দিকে সরিয়ে দেয়। প্রতিটি পৃষ্ঠায় স্পষ্টভাবে স্ক্রোলবারগুলি না দেখিয়ে এড়াতে কি কোনও উপায় আছে?

html  css 
— দিমিত্রি নেস্টারুক
সূত্র
6
কেন overflow-y: overlayএই থ্রেড সম্পর্কে কেউ উল্লেখ করেনি?
— মিল্কারসারাক
3
মজিলা ডক্স অনুসারে, overflow-y: overlayঅবচয় করা হয়েছে: developer.mozilla.org/en-US/docs/Web/CSS/overflow
— drojf

উত্তর:

266

ওভারফ্লো-ওয়াই: স্ক্রোলটি সঠিক, তবে আপনাকে এটি এইচটিএমএল ট্যাগ দিয়ে ব্যবহার করা উচিত, বডি নয় অন্যথায় আপনি আইই 7 তে একটি ডাবল স্ক্রোলবার পান
তাই সঠিক সিএসএসটি হ'ল: 

html {
  overflow-y: scroll;
}
— রুবেন
সূত্র
1
আইই 10+ এর একটি ভাসমান স্ক্রোলবার রয়েছে যাতে আপনার এই ব্রাউজারগুলির জন্য এটি অক্ষম করা উচিত
— রুবেন
1
ফ্যান্সিবক্স বা টুইটার বুটস্ট্র্যাপ মডেলের সাথে সংমিশ্রণ করার সময় এটি ডাবল স্ক্রোলবারের মতো সমস্যার সৃষ্টি করতে পারে
— রুবেন
অতিরিক্ত তথ্য: টুইটার বুটস্ট্র্যাপ এখন জুড়ে। মোডাল খোলা থাকলে আপনার শরীরে মডিটাল খোলা
— রুবেন
55
উল্লেখযোগ্য যে এটি স্থায়ীভাবে একটি উল্লম্ব স্ক্রোলবার দেখায়। সর্বদা গ্রহণযোগ্য হতে পারে না।
— rustyx
আমি ক্রোমিয়াম এবং ফায়ারফক্স উভয় ক্ষেত্রে একটি ডাবল স্ক্রোলবার পেয়েছি। আমি ফ্লেক্স বক্স ব্যবহার করছি; সম্ভবত এটি এর কারণ হতে পারে ...
— গ্যারেট
72

আপনার স্ক্রোলযোগ্য উপাদানটির সামগ্রীটি একটি ডিভের মধ্যে আবদ্ধ করুন এবং প্রয়োগ করুন padding-left: calc(100vw - 100%);।

<body>
    <div style="padding-left: calc(100vw - 100%);">
        Some Content that is higher than the user's screen
    </div>
</body>

কৌশলটি হ'ল 100vwস্ক্রোলবার সহ ভিউপোর্টের 100% প্রতিনিধিত্ব করে। আপনি যদি বিয়োগ করেন 100%যা স্ক্রোলবার ছাড়াই উপলভ্য স্থান, আপনি স্ক্রোলবারের প্রশস্ততা বা 0এটি উপস্থিত না থাকলে শেষ করেন। বাম দিকের প্রস্থের একটি প্যাডিং তৈরি করা একটি দ্বিতীয় স্ক্রোলবার অনুকরণ করবে, কেন্দ্রিক সামগ্রীটি ডানে ফিরে যাবে to

দয়া করে মনে রাখবেন যে স্ক্রোলযোগ্য উপাদানটি পৃষ্ঠার পুরো প্রস্থ ব্যবহার করে তবে এটি কেবলমাত্র কাজ করবে তবে বেশিরভাগ সময় এটি কোনও সমস্যা হওয়া উচিত নয় কারণ আপনি যেখানে স্ক্রোলযোগ্য বিষয়বস্তু কেন্দ্রিক রেখেছেন সেখানে কেবলমাত্র কয়েকটি ঘটনা রয়েছে।

— Rapti
সূত্র
1
কোনও ইনলাইন শৈলীর চেয়ে কোনও শ্রেণীর মাধ্যমে আরও ভাল প্রয়োগ করা হবে এবং কেবল এই ব্রাউজারগুলিতে কাজ করবে , তবে এটি একটি চতুর কৌশল - আমি বুঝতে পারি না 100vwএবং 100%বিভিন্ন জিনিস পরিমাপ করেছি, তাই আমি এ থেকে দরকারী কিছু শিখেছি!
— নিক এফ
21
এটি একেবারে প্রতিভা এবং ক্যালকের জন্য ব্রাউজারের সমর্থন বিবেচনা করে এটি সর্বোত্তম উত্তর very
— মাইকেল
1
বামদিকে মার্জিন যুক্ত না করে আপনি একই কাজটি করতে পারেন, আপনি ডানদিকে একটি নেতিবাচক মার্জিন যুক্ত করুন ( stackoverflow.com/a/39289453/6015444 দেখুন )।
— টৌনৌক
2
এই সমাধানটি "প্রস্থ: ক্যালক (100vw - 34px)" এর উত্তরের মতো পটভূমির রঙের সাথে একই রকম সমস্যাগুলি সৃষ্টি করবে; " তবে বাম দিকে
— ম্যাকিয়েজ লু
1
আমি এই স্টাইলে কিছু মিডিয়া প্রশ্ন যুক্ত করার পরামর্শ দেব- @media screen and (min-width: 800px) {...} । ক্ষেত্রে যখন বিষয়বস্তু পৃষ্ঠা প্রস্থ ফিট হবে। উদাহরণস্বরূপ, ছোট রেজোলিউশনে
— অবিচ্ছিন্ন
44

আমি মনে করি না. তবে স্টাইলিং bodyকরা overflow: scrollউচিত। যদিও আপনি তা জানেন বলে মনে হচ্ছে।

— মাইকেল ক্রেলিন - হ্যাকার
সূত্র
3
ভাল লাগছে ... পৃষ্ঠাটি সর্বদা স্ক্রোলবারটি দেখাতে বাধ্য করুন কিনা এটির প্রয়োজন হয় বা না, ... তারপরে পৃষ্ঠার ধরণের মধ্যে কোনও ভিজ্যুয়াল পরিবর্তন নেই।
— ইডলন
1
হ্যাঁ, তবে আইআইআরসি, এটি উভয় স্ক্রোলবার দেখায় । আমার আসলেই অনুভূমিকটির দরকার নেই।
— দিমিত্রি নেস্টারুক
সেটা সত্য. তবে আপনাকে সাহায্য করার মতো আমি তেমন অনেক কিছুই করতে পারি না :( আসলে, আমি কেবলমাত্র আমার উত্তরটির প্রথম
— বাক্যটিই
49
overflow-y: scroll:)
— সুইভিশ
2
নীচে আরও ভাল উত্তর দেওয়া হয়েছে
— সামি
36

সর্বদা স্ক্রোল দেখানো হচ্ছে, সম্ভবত লেআউটের জন্য ভাল হবে না।

CSS3 দিয়ে শরীরের প্রস্থ সীমাবদ্ধ করার চেষ্টা করুন

body {
    width: calc(100vw - 34px);
}

vwভিউপোর্টের প্রস্থ ( কিছু ব্যাখ্যা দেওয়ার জন্য এই লিঙ্কটি দেখুন )
calcCSS3 এ গণনাটি
34pxডাবল স্ক্রোলবার প্রস্থের জন্য দাঁড়িয়েছে ( এটি স্থির জন্য দেখুন বা এটি গণনা করতে যদি আপনি স্থির আকারগুলিতে বিশ্বাস না করেন)

— Moesio
সূত্র
4
কারও প্রয়োজন না হওয়া পর্যন্ত সবকিছুই নিরর্থক।
— Moesio
3
এটি গ্রহণযোগ্য উত্তরের বর্ণনার মতো স্কলবারগুলিকে বাধ্য করার চেয়ে দৃশ্যত অনেক কম অনুপ্রবেশকারী।
— সিলাস হ্যানসেন
4
এটি এখন পর্যন্ত আমার প্রয়োজনের জন্য সবচেয়ে ভাল কাজ করেছে, আমি padding-left: 34px;আমার পৃষ্ঠাকে সমানভাবে কেন্দ্র করে যুক্ত করেছি।
— প্যাট মিগলিয়াচিয়ো
3
এটি গ্রহণযোগ্য উত্তর হওয়া উচিত, বর্তমানে গৃহীত উত্তরটির বিপরীতে এটি আসলে প্রশ্নের উত্তর দিচ্ছে!
— কোজ
2
আপনার যদি দেহের পটভূমি বা নীচের সীমানা ইত্যাদির চেয়ে আলাদা রঙের নববার / শিরোনাম থাকে তবে এটি সমস্যার কারণ হয়ে দাঁড়াবে
— জিয়া উল রেহমান মুঘল
28 
html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

উদাহরণ । "ন্যূনতম উচ্চতা পরিবর্তন করুন" বোতামটি ক্লিক করুন।

এর সাথে calc(100vw - 100%)আমরা স্ক্রোলবারের প্রস্থ গণনা করতে পারি (এবং যদি এটি প্রদর্শিত না হয় তবে এটি 0 হবে)। ধারণা: নেতিবাচক মার্জিন-রাইট ব্যবহার করে, আমরা <html>এই প্রস্থের প্রস্থকে বাড়িয়ে তুলতে পারি । আপনি একটি অনুভূমিক স্ক্রোল বার দেখতে পাবেন - এটি ব্যবহার করে লুকানো উচিত overflow-x: hidden।

— একজাতীয় বনমানুষ
সূত্র
কাজ করার জন্য আমাকে দেহটি ডিভিতে রাখতে হয়েছিল এবং মার্জিনটি ডিভের সাথে প্রয়োগ করতে হয়েছিল ( রাপ্তির উত্তরের অনুরূপ ।) তবে এটি এতটা সুন্দর দেখায়।
— টৌনৌক
1
এটি দুর্দান্ত কাজ করে এবং ক্রোম বা ফায়ারফক্সে অযাচিত অনুভূমিক স্ক্রোলবারগুলির ফলাফল বলে মনে হচ্ছে না। কেন কেবল গুণনের calc(100% - 100vw)পরিবর্তে ব্যবহার করবেন না -1?
— সিস্টেমপারাডক্স
13

আমি জানি না এটি কোনও পুরানো পোস্ট কিনা তবে আমার একই সমস্যা ছিল এবং আপনি যদি উল্লম্বভাবে স্ক্রোল করতে চান তবে আপনার চেষ্টা করা উচিত overflow-y:scroll

13

যদি আকার পরিবর্তন হয় বা কিছু ডেটা লোড করার পরে এটি স্ক্রোল বারটি যুক্ত করে চলেছে তবে আপনি অনুসরণ করার চেষ্টা করতে পারেন, বর্গ তৈরি করতে এবং এই শ্রেণিটি প্রয়োগ করতে পারেন।

.auto-scroll {
   overflow-y: overlay;
   overflow-x: overlay;
}
— kunalkamble
সূত্র
3

আমি আমার ওয়েবসাইটগুলির মধ্যে একটিতে স্পষ্টভাবে জাভাস্ক্রিপ্টে শরীরের প্রশস্ততা ভিউপোর্টের আকার বিয়োগ করে স্ক্রোলবারের প্রস্থের দ্বারা সেট করে সমাধান করেছি। আমি স্ক্রোলবারের প্রস্থ নির্ধারণ করতে এখানে ডকুমেন্টেড একটি jQuery ভিত্তিক ফাংশন ব্যবহার করি ।

<body id="bodyid>

var bodyid = document.getElementById('bodyid');
bodyid.style.width = window.innerWidth - scrollbarWidth() + "px";
— ফ্রাঙ্ক এল
সূত্র
10
আমি কেন এটি এত খারাপ অভ্যাস তা ব্যাখ্যা করতে শুরু করতে পারি না।
— মিথথোফেলন
20
@ বেনহুপার: আমি জানতে চাই কেন এটি খারাপ অভ্যাস।
— সাদ
1
উইন্ডোটির আকার পরিবর্তন করলে কী হবে?
— ব্র্যাডেন স্টেফানিয়াক
3

এটি ব্যবহার করে উত্তরের সম্প্রসারণ:

body {
    width: calc(100vw - 17px);
}

একজন মন্তব্যকারী কেন্দ্র বজায় রাখতে বাম-প্যাডিং যুক্ত করার পরামর্শ দিয়েছিলেন:

body {
    padding-left: 17px;
    width: calc(100vw - 17px);
}

তবে আপনার সামগ্রী ভিউপোর্টের চেয়ে প্রশস্ত হলে জিনিসগুলি সঠিক দেখাচ্ছে না। এটি ঠিক করার জন্য, আপনি মিডিয়া কোয়েরিগুলি এর মতো ব্যবহার করতে পারেন:

@media screen and (min-width: 1058px) {
    body {
        padding-left: 17px;
        width: calc(100vw - 17px);
    }
}

যেখানে 1058px = সামগ্রীর প্রস্থ + 17 * 2

এটি একটি অনুভূমিক স্ক্রোলবারকে এক্স ওভারফ্লো হ্যান্ডেল করতে দেয় এবং যখন ভিউপোর্টটি আপনার স্থির-প্রস্থের সামগ্রীতে যথেষ্ট পরিমাণে প্রশস্ত থাকে তখন কেন্দ্রিক বিষয়বস্তুকে কেন্দ্র করে রাখে

— গ্রেগ সেন্ট
সূত্র
3

রাপ্তির উত্তরটি প্রসারিত করে , এটি ঠিক একইভাবে কাজ করা উচিত তবে এটি ডান দিকে আরও বেশি মার্জিন যুক্ত করে bodyএবং htmlঅতিরিক্ত প্যাডিং যুক্ত করার পরিবর্তে এটি পাতার লেআউটকে প্রভাবিত করতে পারে এমন অতিরিক্ত নেতিবাচক মার্জিনের সাথে লুকিয়ে রাখে । এইভাবে, আসল পৃষ্ঠায় কোনও কিছুই পরিবর্তন করা হয়নি (বেশিরভাগ ক্ষেত্রে) এবং কোডটি এখনও কার্যকরী।

html {
    margin-right: calc(100% - 100vw);
}
body {
    margin-right: calc(100vw - 100%);
}
— গ্রান্ট গ্রিকজান
সূত্র
আমি খুঁজে পেয়েছি যে ক্রোম এ এটি আমার বুটস্ট্র্যাপ সাইটে উলম্ব স্ক্রোলবারযুক্ত পৃষ্ঠাগুলিতে একটি অনুভূমিক স্ক্রোল যুক্ত করে।
— আদা কাঠবিড়ালি
আপনি কেন দেখার চেষ্টা করেছেন? উপাদান পরিদর্শককে পরীক্ষা করুন এবং দেখুন বুটস্ট্র্যাপ মার্জিন, স্ক্রোলবার বা এর মতো অন্য কোনও কিছুতে মেস করছে কিনা।
— গ্রান্ট গ্রিকজান
1
এটি সম্ভবত 15px মার্জিনের সাথে কিছু করার ছিল যা বুটস্ট্র্যাপ সবকিছুতে রেখে দেয়, পৃষ্ঠাটি পরিদর্শন করার সময় ধারক মার্জিনটি স্ক্রোলবারের নীচে পড়ে। আমি আবেদন overflow-x: hiddenএবং এটি এটি স্থির।
— আদা কাঠবিড়ালি
3

@ কাশেরসান্ডারের সমাধানটি আমার পক্ষে কাজ করেছে তবে অনুভূমিক স্ক্রোলবারটি আড়াল করতে আমি শরীরের জন্য আরও একটি স্টাইল যুক্ত করেছি। এখানে সম্পূর্ণ সমাধান:

সিএসএস

<style>
/* prevent layout shifting and hide horizontal scroll */
html {
  width: 100vw;
}
body {
  overflow-x: hidden;
}
</style>

জাতীয়

$(function(){
    /**
     * For multiple modals.
     * Enables scrolling of 1st modal when 2nd modal is closed.
     */
    $('.modal').on('hidden.bs.modal', function (event) {
      if ($('.modal:visible').length) {
        $('body').addClass('modal-open');
      }
    });
});

জেএস সলিউশন সলিউশন (যখন প্রথম মডেল থেকে ২ য় মডেল খোলা হবে):

/**
 * For multiple modals.
 * Enables scrolling of 1st modal when 2nd modal is closed.
 */
$('.modal').on('hidden.bs.modal', function (event) {
  if ($('.modal:visible').length) {
    $('body').addClass('modal-open');
    $('body').css('padding-right', 17);
  }
});
— হাসান তারেক
সূত্র
2

টুইটার বুটস্ট্র্যাপ .modal-openক্লাসে প্রয়োগ হওয়ার কারণে সম্ভবত একই সমস্যাটি সমাধান করার চেষ্টা করেছি body। সমাধান html {overflow-y: scroll}সাহায্য করে না। একটি সম্ভাব্য সমাধান আমি দেখেছি যোগ হয় {width: 100%; width: 100vw}করার htmlউপাদান।

— kashesandr
সূত্র
1
বা এটিকে শরীরে পরিবর্তন করুন {ওভারফ্লো-ওয়াই: স্ক্রোল}
— রুবেন 7
1
এটি প্রয়োজন না হলেও এটি সর্বদা একটি স্ক্রোলবার প্রদর্শন করবে।
— রাপ্তি
আপনার ব্যাখ্যা করা উচিত আপনি কেন দ্বিগুণ প্রস্থ স্থাপন করছেন? html { width: 100vw; }আমার জন্য কাজ করেছেন
— হাসান তারেক
আমার জন্য এটি আসলে দুটি স্ক্রোলবার তৈরি করে
— rbansal
2

আমি এই সমস্যাটি ব্যবহার করতে পারি, তবে এটির সমাধানের সহজ উপায় হ'ল এটি (এটি আমার পক্ষে কাজ করে):

সিএসএস ফাইলের ধরণে:

body{overflow-y:scroll;}

যে সহজ হিসাবে! :)

— মেলভিন গেরেরো
সূত্র
2

ক্যালক (100vw - 100%) ব্যবহার করে পোস্ট করা সমাধানগুলি সঠিক ট্র্যাকের দিকে রয়েছে, তবে এটির সাথে একটি সমস্যা রয়েছে: আপনি উইন্ডোটির আকার পরিবর্তন করেও স্ক্রোলবারের আকারের বাম দিকে চিরতরে মার্জিন পাবেন the সামগ্রী পুরো ভিউপোর্ট পূরণ করে।

আপনি যদি মিডিয়া ক্যোয়ারির সাথে এটি সন্ধান করার চেষ্টা করেন তবে আপনার কাছে একটি বিশ্রী ছোটাছুটি মুহুর্ত হবে কারণ আপনি উইন্ডোর আকার পরিবর্তন করার সাথে সাথে মার্জিনটি ক্রমশ ছোট হবে না।

এখানে একটি সমাধান যা এর চারপাশে যায় এবং এএফআইএকের কোনও অসুবিধা নেই:

মার্জিন ব্যবহারের পরিবর্তে: আপনার সামগ্রীকে কেন্দ্র করে স্বয়ংক্রিয়ভাবে ব্যবহার করুন:

body {
margin-left: calc(50vw - 500px);
}

আপনার সামগ্রীর অর্ধেক সর্বাধিক প্রস্থের সাথে 500px প্রতিস্থাপন করুন (সুতরাং এই উদাহরণে সামগ্রীটির সর্বাধিক প্রস্থ 1000px হয়)। বিষয়বস্তু এখন কেন্দ্রিক এবং মার্জিন কার্যক্রমে পর্যন্ত বিষয়বস্তু ভিউপোর্ট পূরণ সব পথ লাঘব হবে।

যখন ভিউপোর্টটি সর্বোচ্চ-প্রস্থের চেয়ে ছোট হয় তখন মার্জিনটিকে নেতিবাচক হতে বাধা দিতে কেবল এই জাতীয় মিডিয়া কোয়েরি যুক্ত করুন:

@media screen and (max-width:1000px) {
    body {
        margin-left: 0;
    }
}

এট ভয়েইল!

— জোনাথন এসআই
সূত্র
2

যদি টেবিলটির প্রস্থ পরিবর্তন না হয়, আপনি সেই উপাদানটির প্রস্থ (যেমন টোডি) সেট করতে পারেন যা স্ক্রোলবার> 100% (স্ক্রোলবারের জন্য অতিরিক্ত স্থানের অনুমতি দেয়) রয়েছে এবং ওভারফ্লো-ওয়াইকে "ওভারলে" এ সেট করতে পারে (সুতরাং যে স্ক্রোলবারটি স্থির থাকে এবং টেবিলটি যখন উপস্থিত হয় তখন তা স্থানান্তরিত করে না। স্ক্রোলবারের সাথে উপাদানটির জন্য একটি নির্দিষ্ট উচ্চতাও নির্ধারণ করুন, যাতে উচ্চতা অতিক্রম করার পরে স্ক্রোলবারটি উপস্থিত হবে। তাই ভালো:

tbody {
  height: 100px;
  overflow-y: overlay;
  width: 105%
}

দ্রষ্টব্য: স্ক্রোলবারটি যে পরিমাণ% স্থান গ্রহণ করবে তা আপনার টেবিলের প্রস্থের সাথে তুলনামূলকভাবে যথাযথ হবে (যেমন: টেবিলের আরও ছোট প্রশস্ততা, পিক্সেলের আকারের স্থিতিশীল হওয়ায় আরও%% স্ক্রোলবারের সাথে মানানসই হবে) )

একটি গতিশীল সারণীর উদাহরণ:

function addRow(tableID)
{
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var colCount = table.rows[0].cells.length;
  
    for(var i=0; i<colCount; i++)
    {
        var newRow = row.insertCell(i);

        newRow.innerHTML = table.rows[0].cells[i].innerHTML;
        newRow.childNodes[0].value = "";
    }
}
 
function deleteRow(row)
{
    var table = document.getElementById("data");
    var rowCount = table.rows.length;
    var rowIndex = row.parentNode.parentNode.rowIndex;

    document.getElementById("data").deleteRow(rowIndex);
}
.scroll-table {
  border-collapse: collapse;
}

.scroll-table tbody {
  display:block;
  overflow-y:overlay;
  height:60px;
  width: 105%
}

.scroll-table tbody td {
  color: #333;
  padding: 10px;
  text-shadow: 1px 1px 1px #fff;
}

.scroll-table thead tr {
  display:block;
}

.scroll-table td {
    border-top: thin solid; 
    border-bottom: thin solid;
}

.scroll-table td:first-child {
    border-left: thin solid;
}

.scroll-table td:last-child {
    border-right: thin solid;
}

.scroll-table tr:first-child {
    display: none;
}

.delete_button {
    background-color: red;
    color: white;
}

.container {
  display: inline-block;
}

body {
  text-align: center;
}
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="test_table.css">
</head>

<body>
<h1>Dynamic Table</h1>
<div class="container">

  <table id="data" class="scroll-table">
    <tbody>
      <tr>
        <td><input type="text" /></td>
        <td><input type="text" /></td>
        <td><input type="button" class="delete_button" value="X" onclick="deleteRow(this)"></td>
      </tr>
    </tbody>
  </table>

  <input type="button" value="Add" onclick="addRow('data')" />

</div>

<script src="test_table.js"></script>
</body>
</html>
স্নিপেট প্রসারিত করুন

— রবার্ট জেমস মিটিয়া
সূত্র
1

এইভাবে আপনার ধারক উপাদানটির প্রস্থটি কেবল সেট করে নেওয়া কৌশলটি করবে

width: 100vw;

এটি সেই উপাদানটিকে স্ক্রোলবারকে উপেক্ষা করবে এবং এটি পটভূমির রঙ বা চিত্রগুলির সাথে কাজ করে।

— Barsonax
সূত্র
-3

আমি এটি সমাধান করার জন্য কিছু jquery ব্যবহার

$('html').css({
    'overflow-y': 'hidden'
});

$(document).ready(function(){
  $(window).load(function() {
    $('html').css({
      'overflow-y': ''
    });
  });
});
— উইল ম্যাকমিলিয়ান
সূত্র
3
আপনি সম্ভবত আপনার উত্তরে দুর্বল অভ্যর্থনা পাচ্ছেন কারণ এই সমাধানটির পুরো জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক দরকার। "jQuery সমস্ত জিনিস!"
— পল ল্যামার্টসমা
3
হ্যাঁ, jQuery অবশ্যই যাওয়ার উপায় - doxdesk.com/img/updates/20091116-so-large.gif
— বেনামে
-4 
@media screen and (min-width: 1024px){
    body {
    min-height: 700px
    }
}
— ভিকি
সূত্র
স্ট্যাক ওভারফ্লোতে স্বাগতম! যদিও এই কোড স্নিপেট একটি ব্যাখ্যা সহ প্রশ্নটি সমাধান করতে পারে, সত্যিই আপনার পোস্টের মান উন্নত করতে সহায়তা করে। মনে রাখবেন যে আপনি ভবিষ্যতে পাঠকদের জন্য প্রশ্নের উত্তর দিচ্ছেন, এবং সেই লোকেরা আপনার কোড পরামর্শের কারণগুলি জানেন না। আপনার কোডটি ব্যাখ্যামূলক মন্তব্যে ভিড় না করার চেষ্টা করুন, এটি কোড এবং ব্যাখ্যা উভয়ের পাঠযোগ্যতা হ্রাস করে!
— অ্যান্ড্রু মায়ার্স
-5

স্বীকৃত উত্তরের বিপরীতে যা ব্রাউজার উইন্ডোতে স্থায়ী স্ক্রোল বারের প্রস্তাব দেয় এমনকি যদি সামগ্রীটি স্ক্রিনকে উপচে না ফেলে তবে আমি এটি ব্যবহার করতে পছন্দ করব:

html{
  height:101%;
}

এর কারণ হ'ল লিখিত বারটি উপস্থিতি আরও বেশি অর্থবোধ করে যদি সামগ্রীটি আসলে উপচে পড়ে যায় ।

এই তুলনায় আরো ইন্দ্রিয় তোলে এই ।

— নিকুঞ্জ মাধোগরিয়া
সূত্র
1
কমপক্ষে সর্বশেষ বাক্যটি আপনার উত্তরে ভুল। এটি মুদ্রক দ্বারা মুদ্রিত অতিরিক্ত খালি পৃষ্ঠার সাথে একইরকম বোধ তৈরি করে।
— vp_arth
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.