{"id":2251,"date":"2014-04-29T11:01:36","date_gmt":"2014-04-29T01:01:36","guid":{"rendered":"https:\/\/www.businesslegions.com\/blog\/?p=2251"},"modified":"2014-04-29T11:01:36","modified_gmt":"2014-04-29T01:01:36","slug":"remove-scroll-bars-iframe","status":"publish","type":"post","link":"https:\/\/www.businesslegions.com\/blog\/2014\/04\/29\/remove-scroll-bars-iframe\/","title":{"rendered":"How to remove and fix scroll bars in an iFrame"},"content":{"rendered":"

You may find different methods on how to remove the scroll bars within an iFrame in Chrome but here’s one that worked for me.<\/p>\n

Example with scroll bars:<\/p>\n

<\/iframe><\/p>\n<p> <\/p>\n<p>The code used to fix the scrolling bars was\u00a0scrolling=”no” in the iframe tag.:<\/p>\n<p><iframe id=”frame” frameborder=”0″ <strong>scrolling=”no”<\/strong> width=”300px” height=”300px” src=”http:\/\/www.businesslegions.com”><\/iframe><\/p>\n<p> <\/p>\n<p>Example without scroll bars:<\/p>\n<p><iframe loading=\"lazy\" id=\"frame\" src=\"http:\/\/www.businesslegions.com\" width=\"400px\" height=\"400px\" frameborder=\"0\" scrolling=\"no\"><\/iframe><br \/>\nThere are other tags such as the one below but it only worked for Firefox and IE – not Chrome. If there are any other solutions please let me know.<\/p>\n<pre id=\"ctl00_guB_ucPM_rptMessages_ctl111_preMessage\" style=\"color: #666666;\">style=\"overflow:scroll;\"\r\nstyle=\"overflow:hidden;\"<\/pre>\n<p> <\/p>\n<p> <\/p>\n<div class=\"lt-box\" style=\"border:1px solid #1d6a9e\"><div class=\"lt-box-title\" style=\"background-color:#2485C6;border-top:1px solid #a7cee8;text-shadow:1px 1px 0 #0b283b\">DO YOU LIKE WHAT YOU'VE READ?<\/div><div class=\"lt-box-content\">Join our subscription list and receive our content right in your mailbox. If you like to receive some Great deals our Freebies then subscribe now!\r\n\r\n<p><div class=\"tnp tnp-subscription \">\n<form method=\"post\" action=\"https:\/\/www.businesslegions.com\/blog\/wp-admin\/admin-ajax.php?action=tnp&na=s\">\n<input type=\"hidden\" name=\"nlang\" value=\"\">\n<div class=\"tnp-field tnp-field-firstname\"><label for=\"tnp-1\">Name<\/label>\n<input class=\"tnp-name\" type=\"text\" name=\"nn\" id=\"tnp-1\" value=\"\" placeholder=\"\"><\/div>\n<div class=\"tnp-field tnp-field-email\"><label for=\"tnp-2\">Email<\/label>\n<input class=\"tnp-email\" type=\"email\" name=\"ne\" id=\"tnp-2\" value=\"\" placeholder=\"\" required><\/div>\n<div class=\"tnp-field tnp-field-button\" style=\"text-align: left\"><input class=\"tnp-submit\" type=\"submit\" value=\"Subscribe\" style=\"\">\n<\/div>\n<\/form>\n<\/div>\n<\/p>\r\n\r\n<\/div><\/div>\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>You may find different methods on how to remove the scroll bars within an iFrame in Chrome but here’s one that worked for me. Example with scroll bars:   The code used to fix the scrolling bars was\u00a0scrolling=”no” in the iframe tag.: <iframe id=”frame” frameborder=”0″ scrolling=”no” width=”300px” height=”300px” src=”http:\/\/www.businesslegions.com”><\/iframe>   Example without scroll bars: There […]<\/p>\n","protected":false},"author":1,"featured_media":2258,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1043],"tags":[1626,1624,1622,1623,1625],"class_list":["post-2251","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-websites","tag-coding","tag-fix","tag-iframe","tag-scroll-bars","tag-websites-2"],"_links":{"self":[{"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/posts\/2251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/comments?post=2251"}],"version-history":[{"count":9,"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/posts\/2251\/revisions"}],"predecessor-version":[{"id":2261,"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/posts\/2251\/revisions\/2261"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/media\/2258"}],"wp:attachment":[{"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/media?parent=2251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/categories?post=2251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.businesslegions.com\/blog\/wp-json\/wp\/v2\/tags?post=2251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}