CODEWITHSUNDEEP
javascriptjqueryhtmlcssiframe
Shiba Salvi
Shiba Salvi

Reputation: 41

How to disable scrolling for an iframe in chrome

http://www.mbe-martinique.fr/emballage-et-expedition/suivi-colis

I have used the scrolling attribute, which works for Firefox but not for chrome. I have also used overflow:hidden css, but it doesn't seem to work either.

A vertical scroll bar is not seen, but the iframe scrolls vertically on mouse-wheel, which is exactly what i want to disable.

Kindly suggest as to how I move forward!

Upvotes: 4

Views: 5583

Answers (2)

Djordje Ugren
Djordje Ugren

Reputation: 21

Add scrolling="no" to your iframe tag:

Upvotes: 2

Zeev Katz
Zeev Katz

Reputation: 2273

Try to hidden the scroll bar with parent element like this example:

div {
  overflow: hidden;
  width: 300px;
  height: 300px;
}

iframe {
  border: none;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
}
<div>
  <iframe src="https://fiddle.jshell.net"></iframe>
</div>

Fiddle demo

Upvotes: 2

Related Questions