Iframe থেকে স্ক্রোলবার সরান

Question

এই কোড ব্যবহার করে

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

এটি কীভাবে এটি প্রদর্শিত হয় ( http://www.talkjesus.com এর হোমপৃষ্ঠায় শোকবক্স )

আমি কীভাবে অনুভূমিক স্ক্রোলবারটি সরিয়ে এবং উল্লম্ব স্ক্রোলবারের সিএসএস সংশোধন করব?

Comments

স্ট্যাকওভারফ্লো / প্রশ্নগুলি

— ৪৪৮6767464646/২ এর

Answer 1

আপনার সিএসএসে:

iframe{
    overflow:hidden;
}

Comments

ধন্যবাদ, তবে কেবল অনুভূমিক স্ক্রোল এবং এখনও ফায়ারফক্সে প্রদর্শিত হবে। Chrome বা IE এ প্রদর্শিত হয় না। এছাড়াও, স্ক্রোলবারের জন্য সিএসএস কার্যকরভাবে কেবল আইই এ প্রয়োগ করা হয়, এফএফ বা ক্রোম নয় (পরে শোয়ানো ডিফল্ট দেখাচ্ছে বেইজ রঙ / ছায়া গো)।

— অদেখা বিষয়গুলিতে বিশ্বাস

এটি কাজ করবে না কারণ iframe নথিতে ওভারফ্লো ঘটে যা আপনি সাধারণত ক্রস-ডোমেন iframe সুরক্ষা বিধিনিষেধের কারণে সংশোধন করতে পারবেন না।

— thdoan

এটি কাজ করে না কারণ এটি আইফ্রেমের সামগ্রীকে প্রভাবিত করবে না, কেবলমাত্র ইফ্রেমে। সমাধানটি স্ক্রল করছে = "না"।

— TheLD

এটি একটি ভুল উত্তর, গুগল ক্রোমে স্ক্রোলবারগুলি সরায় না, তবে স্ক্রলিং = "না" করে।

— অ্যান্ডারস লিন্ডন

@ লার্সভ্যান্ডডনক আপনার উত্তরটি সঠিক সমাধান হওয়া উচিত।

— ওয়াং জিয়া হাউ

Answer 2

scrolling="no"Iframe এ বৈশিষ্ট্য যুক্ত করুন ।

Comments

CSS এর সাথে এটি করতে সক্ষম?

— ইভোরর

হ্যাঁ, তবে Chrome এ স্ক্রোলইন্টো ভিউ ব্যবহার করতে পারবেন না। কোড. google.com/p/chromium/issues/detail?id=137214

— পিটার ব্র্যান্ড

ভাল, এটি সামগ্রীর স্ক্রোলবারটি গোপন করে এবং সামগ্রী স্ক্রোলিং প্রতিরোধ করে। এটি iframe এর স্ক্রোলবার প্রদর্শিত হতে বাধা দেয় না।

— ডেভ কাজিনো

Iframe এ স্ক্রোলিং বৈশিষ্ট্যটি এখন সরকারীভাবে অপ্রচলিত। পরিবর্তে সিএসএস ব্যবহার করা উচিত।

— মাইক পুল

@ মাইকপুল এটি আনুষ্ঠানিকভাবে অপ্রচলিত হতে পারে তবে এটি overflow:hidden;ক্রোমে 65.0.3325.181 এ সেট করতে সহায়তা করে নি, তবে scrolling="no"সহায়তা করেছে।

— কিছু

Answer 3

এটি সমস্ত ব্রাউজারে কাজ করে। জেএসফিডেল এখানে http://jsfiddle.net/zvhysct7/1/

<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>

Answer 4

যোগ করা scroll="no"এবং style="overflow:hidden"আইফ্রেমে কাজ করা হয়নি, আমাকে style="overflow:hidden"ইফ্র্রেমের অভ্যন্তরে লোড করা এইচটিএমএল ডকুমেন্টের বডি যুক্ত করতে হয়েছিল।

Comments

এটি যদি সহায়তা করে তবে ফায়ারফক্সে একটি সমস্যা রয়েছে, যেখানে আপনার যদি কোনও উপাদান সিএসএস transform: scale(0.7)বা এই জাতীয় থাকে তবে এটি স্ক্রোলবার তৈরি করবে (যা আপনার আইফ্রেমে প্রদর্শিত হবে), যদি না আপনি overflow: hidden;পূর্বপুরুষের সাথে এটি ক্লিপ করেন (পরিবর্তে ডিভ হতে পারে) শরীর)।

— WraithKenny

কারণ এটি 'স্ক্রোলিং = না', 'স্ক্রোল = না' নয়।

— ব্রায়ান গ্রিন

আপনি আমাদের বোঝা চারপাশে বোঝাই বোঝাতে চান? কি কাছাকাছি কি?

— জোয়াও মধ্যে Pimentel ফেরেইরা

<iframe src = "/ test.html"> এর ভিতরে লোড করা হয়েছে যেখানে test.html এর এই সেটিংস রয়েছে।

— nirvana74v

Answer 5

scrolling="no"নীচের মতো বৈশিষ্ট্য যুক্ত করার চেষ্টা করুন :

<iframe frameborder="0" scrolling="no" style="height:380px;width:6000px;border:none;" src='https://yoururl'></iframe>

Answer 6

শুধু যোগ করুন scrolling="no"এবং seamless="seamless"iframe ট্যাগ বৈশিষ্ট্য। এটার মত:-

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"

Comments

বিরামবিহীন বৈশিষ্ট্যটি এইচটিএমএল থেকে সরানো হয়েছে ।

— নিওপিক্যাজে

আপনাকে অবশ্যই নির্বিঘ্ন বৈশিষ্ট্যের পরিবর্তে সিএসএস ব্যবহার করতে হবে।

— নিমা রাহবার

@ নিমারাহবার বিরামবিহীন বৈশিষ্ট্যটি অপ্রচলিত হতে পারে তবে সিএসএস ইফ্রেমে পরামিতিগুলিকে সমর্থন করে না।

— পরিত্যক্ত কার্ট

Answer 7

এখানে যে কেউ উপর স্ক্রোলবারগুলি নিষ্ক্রিয় সঙ্গে একটি সমস্যা হচ্ছে না তাহলে iframe, এটা হতে পারে না কারণ আইফ্রেম বিষয়বস্তু উপাদানে স্ক্রোলবারগুলি হয়েছে নীচেরhtml উপাদান!

কিছু লেআউট সেট htmlএবং body100% উচ্চতায় স্থাপন করে এবং (বা ) #wrapperদিয়ে একটি ডিভ ব্যবহার করে , যার ফলে উপাদানটিতে স্ক্রোলিং সরিয়ে নেওয়া হয় ।overflow: auto;scroll#wrapper

এই জাতীয় ক্ষেত্রে, আপনি কিছুই করবেন না তবে অন্য পৃষ্ঠার সামগ্রী সম্পাদনা ব্যতীত স্ক্রোলবারগুলি প্রদর্শিত হতে আটকাবে না।

Answer 8

<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;

উপরের ডিভ ব্যবহার করুন এবং এটি কোনও ব্রাউজারে স্ক্রোল বারটি প্রদর্শন করবে না।

Comments

seamlessবৈশিষ্ট্যটি বৈধ এইচটিএমএল 5 নয়, বেশিরভাগ ব্রাউজার দ্বারা সমর্থিত নয় ( caniuse.com/#search=seamless ), এবং অন্যান্য স্টাইলিং বেশিরভাগই অপ্রয়োজনীয়।

— পেরে

Answer 9

উভয় স্ক্রোল বারটি লুকানোর জন্য এটি আপনার CSS এ যুক্ত করুন

iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}

Answer 10

এটি একটি সর্বশেষ অবলম্বন, তবে উল্লেখ করার মতো - আপনি সেই বিখ্যাত 90 এর স্ক্রোল বারগুলি থেকে মুক্তি পাওয়ার জন্য পিতামাতার ::-webkit-scrollbarউপর ছদ্ম-উপাদানটি ব্যবহার করতে পারেন iframe।

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

সম্পাদনা করুন: এটি তুলনামূলকভাবে সমর্থিত হলেও , ::-webkit-scrollbarসমস্ত ব্রাউজারগুলির পক্ষে এটি উপযুক্ত নয়। সতর্কতার সাথে ব্যবহার করুন :)

Comments

এটিই আমার একমাত্র উত্তর যা আমাকে সাহায্য করেছিল। আপনি এখনও স্ক্রোল করতে পারেন তবে আপনি কুৎসিত স্ক্রোলবার দেখতে পাচ্ছেন না। ধন্যবাদ!

— কর্মদিজহানভ

Answer 11

অনুভূমিক স্ক্রোল বারটি লুকানোর জন্য এটি আপনার CSS এ যুক্ত করুন

iframe{
    overflow-x:hidden;
}

Answer 12

iframe {
  display: block;
  border: none;         /* Reset default border */
  height: 100vh;        /* Viewport-relative units */
  width: calc(100% + 17px);
}
div {
  overflow-x: hidden;
}

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