■ iframe のサイズを JavaScript で調節する方法 (2) 前回の iframe のサイズを JavaScript で調節する方法 で、 Firefox や Opera だと、 iframe のサイズを大きくすることはできても小さくすることができなかった。 これを何とかできないものかと思い、もう一度自分で調べ直してみた。 高さが 300px 分くらいのテキストを幅固定の iframe 内に表示し、 その時の iframe 内での以下の値を調べてみた。 DOCTYPE は標準モードになるように設定してある。 document.documentElement.scrollHeight document.documentElement.offsetHeight document.documentElement.clientHeight 使用したブラウザは以下の４種類。 Inter
タグ
- すべて
- まとめ (29)
- 3DCG (12)
- AI (12)
- AIR (95)
- ANTEPRIMA (6)
- API (7)
- API(ApplicationProgramInterfac (2)
- API(ApplicationProgramInterface) (42)
- AR(AugmentedReality) (13)
- ART (116)
- AWS(AmazonWebService) (3)
- AXIS (3)
- ActionScript (162)
- ActionScript2 (6)
- ActionScript3 (142)
- Adobe (92)
- Adobe XD (6)
- AdobeBridge (3)
- AdobeEdge (18)
- AdobeXD (4)
- Ajax (143)
- Amazon (21)
- AngularJS (52)
- Apache (59)
- Apache2 (9)
- ApacheVelocity (8)
- Apple (99)
- AppleKeynote (3)
- AppleWebSiteDesign (44)
- Application (927)
- Aptana (10)
- Autoprefixer (9)
- BEM (14)
- Blog (59)
- Boilerplate (3)
- Book (420)
- Bookmarklet (60)
- Bootstrap (7)
- Browser (122)
- Brush (81)
- Bug (26)
- CI(CorporateIdentity) (6)
- CMS(ContentsManagementSystem) (23)
- CSS (1480)
- CSS Grid (6)
- CSS3 (1158)
- CSS3animation (64)
- CSS4 (4)
- CSSComb (2)
- CSSNeet (10)
- CSSdebug (8)
- CSSdesign (2)
- CSSexpression (4)
- CSShack (6)
- CSShaslayout (4)
- CSSselector (2)
- CSSsprite (5)
- Canvas (153)
- CharacterDesign (4)
- ChatGPT (4)
- CheatSheet (94)
- Cisco VPN (5)
- Coding (537)
- CoffeeScript (16)
- Color (65)
- CommunitySite (4)
- CorporateSite (42)
- CreateJS (14)
- CrossBrowser (30)
- DOCTYPE (9)
- DOM (42)
- DVD (9)
- Debug (72)
- Design (341)
- Development (23)
- Download (305)
- Dreamweaver (146)
- ECMAscript (18)
- Editor (94)
- Electron (2)
- EmEditor (3)
- Emmet (7)
- Evernote (6)
- Excel (29)
- Ext.JS (11)
- Extension (16)
- Extention (417)
- FICC (34)
- FTP (3)
- Facebook (189)
- Firebug (59)
- Firefox (428)
- Firefox3.6 (2)
- Fireworks (82)
- Flash (573)
- FlashDevelop (2)
- FlashLite (4)
- FlashPlayer (28)
- Flex (72)
- Flex2 (31)
- Flex3 (30)
- Flex4 (3)
- Flexbox (14)
- Flickr (8)
- Font (75)
- Framework (94)
- France (4)
- FullFlashSite (875)
- GTD(GettingThingsDone) (6)
- Gallery (42)
- Game (99)
- Gamification (2)
- GanttChart (4)
- Generator (281)
- Gmail (10)
- Google (252)
- Google Spreadsheet (2)
- Google+ (3)
- GoogleAnalytics (135)
- GoogleBot (9)
- GoogleCalendar (6)
- GoogleChrome (148)
- GoogleClosureTools (3)
- GoogleDart (2)
- GoogleMap (27)
- GoogleSitemap (11)
- GoogleWave (3)
- GoogleWebMasterTool (14)
- Greasemonkey (32)
- GridDesign (26)
- Guideline (186)
- HCD(HumanCenteredDesign) (2)
- HTML (467)
- HTML5 (744)
- Hack (38)
- Helvetica (16)
- Honda (4)
- IA(informationArchitecture) (126)
- IIS(InternetInformationServer) (2)
- Icon (39)
- Illustration (23)
- Illustrator (39)
- ImageMagick (3)
- IntelliJ IDEA (3)
- InteriorDesign (7)
- InternetExplorer (340)
- InternetExplorer10 (17)
- InternetExplorer11 (7)
- InternetExplorer5 (11)
- InternetExplorer5.23 (2)
- InternetExplorer6 (159)
- InternetExplorer7 (104)
- InternetExplorer8 (95)
- InternetExplorer9 (69)
- JSON (39)
- Japanese (22)
- Java (7)
- JavaScript (2287)
- Jenkins (2)
- JetBrains (2)
- KAYAC (35)
- LESS (37)
- LINE (3)
- LPO(LandingPageOptimization) (22)
- Layout (36)
- Library (380)
- LifeHack (239)
- Lightbox.js (88)
- LivedoorReader (6)
- MOVIE (112)
- MUSIQUE (87)
- Mac (333)
- MacBook (4)
- Magazine (10)
- Management (18)
- Marketing (18)
- MediaWiki (2)
- Memo (286)
- Microsoft (45)
- Mindmap (17)
- MovableType (50)
- MovableType4 (8)
- MovableType5 (7)
- MySQL (2)
- Neta (2509)
- OOCSS (19)
- OOP(ObjectOrientedPrograming) (5)
- OmniGraffle (9)
- OnlineGame (3)
- OnlineShop (17)
- OnlineShopDesign (25)
- OpenPNE (2)
- Opera (82)
- PDF (43)
- PHP (78)
- PM(projectManagement) (12)
- PNG (45)
- PSDTUTS (8)
- Papervision3D (23)
- Perl (12)
- Philippines (2)
- Photographer (18)
- Photography (45)
- Photoshop (446)
- PhotoshopLayerStyle (3)
- PhpStorm (3)
- Pinterest (16)
- Plugin (105)
- PortalSite (38)
- Portfolio (38)
- PostCSS (9)
- PowerPoint (7)
- PreloadJS (2)
- Presentation (179)
- Processing (17)
- Programing (5)
- Programming (66)
- Progression(ActionScript) (11)
- ProgressiveEnhancement (5)
- PromotionSite (160)
- Prototyping (19)
- Python (7)
- Quartz Composer (2)
- REVIEW (19)
- RSS (19)
- React (16)
- React.js (8)
- RecruitSiteContents (8)
- Reference (630)
- RegularExpression (2)
- RequireJS (9)
- Ruby (18)
- RubyGem (3)
- Russia (6)
- SBM(socialBookMark) (4)
- SCSS (238)
- SEO(SearchEngineOptimization) (117)
- SNS (11)
- SNS(SocialNetworkSystem) (18)
- SQLite (2)
- SSH (3)
- SVG (29)
- SVN (13)
- Safari (137)
- Sample (142)
- SearchEngine (16)
- Security (58)
- Selenium (14)
- Sencha (2)
- Server (39)
- Sex (8)
- Shopping (75)
- Silverlight (7)
- Snippet (59)
- StyleDocco (14)
- StyleGuide (9)
- Sublime Text (4)
- SublimeText2 (11)
- Survey (48)
- Swift (3)
- TIPS (34)
- TOYOTA (7)
- Template (83)
- TemplateTag (6)
- Titanium (2)
- Titanium Mobile (9)
- Tool (103)
- Tortoisegit (2)
- Trends (13)
- Tumblr (12)
- Tutorial (322)
- TweenJS (2)
- TypeScript (16)
- Typography (79)
- UCD(UserCenteredDesign) (2)
- UI (4)
- UI(UserInterface) (1046)
- UX(UserExperience) (185)
- Ubuntu (2)
- University (86)
- Usability (186)
- VSCode (11)
- Vector (20)
- Velocity.js (5)
- Visual Studio Code (2)
- Vue.js (21)
- W3C (8)
- WAI-ARIA (6)
- WYSIWYG (15)
- Web (149)
- Web Animations API (3)
- WebAnalytics (4)
- WebDesign (2577)
- WebDesignCompany (24)
- WebDesigner (29)
- WebDirection (145)
- WebGL (23)
- WebMagazine (9)
- WebMarketing (5)
- WebMaster (7)
- WebRTC (3)
- WebService (475)
- WebSite (195)
- WebSiteGallery (18)
- WebSitePerformance (117)
- WebSocket (7)
- WebStorm (65)
- Webkit (63)
- Web標準の日々 (19)
- Wiki (13)
- WinMerge (2)
- Windows (371)
- Windows10 (5)
- Windows7 (2)
- WordPress (179)
- WordPressExtention (13)
- WordPressHack (12)
- WordPressTag (4)
- WordPressTemplate (9)
- WordPressTheme (52)
- WorkFlow (42)
- Writing (30)
- XAMPP (14)
- XCode (2)
- XHTML (181)
- XML (14)
- XPath (5)
- YAMAHA (2)
- YCAM(YamaguchiCenterForArtsAnd (3)
- YUI(YahooUIlibrary) (17)
- YUKI (12)
- Yahoo (30)
- Yarn (2)
- YouTube (15)
- Yslow (2)
- activeX (2)
- addEventListener (9)
- android (170)
- animation (54)
- artless (22)
- bA(BusinessArchitects) (11)
- backbone.js (18)
- basicDesign (53)
- beautifulDesign (34)
- blogParts (11)
- bower (3)
- business (217)
- cinema (5)
- compass (79)
- competition (2)
- crossdomain.xml(Flash) (3)
- dojo (3)
- drink (3)
- dropbox (4)
- enchant.js (7)
- fashion (101)
- food (2)
- foods (7)
- footerDesign (10)
- formChecker (18)
- formDesign (54)
- formTag (9)
- foursquare (2)
- git (8)
- glue (2)
- graphicDesign (21)
- grunt.js (68)
- gulp (2)
- gulp.js (48)
- haml (3)
- hatena (2)
- headerDesign (5)
- howTo (24)
- htaccess (27)
- iMac (3)
- iOS (74)
- iPad (269)
- iPhone (618)
- iPod (15)
- iTunes (40)
- ideo (3)
- iframeTag (2)
- imageTag (2)
- jQuery (2005)
- jQuery Mobile (62)
- jQueryUI (7)
- jekyll (3)
- jsdo.it (3)
- localStorage (3)
- logoDesign (7)
- microformats (14)
- minimumDesign (8)
- mixi (25)
- mobile (75)
- monochromeDesign (2)
- mootool.js (47)
- motionGraphic (6)
- mozilla (3)
- muji (2)
- mxml (2)
- navigation (9)
- node.js (46)
- productDesign (20)
- promise (4)
- prototype.js (41)
- psd (140)
- rsync (3)
- sass (4)
- schedule (6)
- screenCapture (3)
- screenCast (2)
- screenSaver (6)
- script.aculo.us (14)
- scroll (6)
- scrollBar (3)
- scrollHeight (5)
- searching_technique (2)
- semitransparentdesign (2)
- serverSide (32)
- shape (3)
- short_cut_key (3)
- simpleDesign (97)
- smacss (8)
- snippets (10)
- softbank (3)
- sound (20)
- stylus (11)
- subversion (9)
- swfObject (9)
- swfaddress (2)
- symfony (3)
- table (2)
- tableTag (23)
- textareaTag (2)
- tha,ltd. (4)
- three.js (7)
- twitter (217)
- uniqlo (19)
- unity (2)
- useWork (345)
- uupaa.js (4)
- vim (5)
- visualization (51)
- webpack (4)
- wireFrame (42)
- workStyle (36)
- workshop (4)
- yugop (9)
- あとで読む (72)
- お金 (3)
- まとめ (1176)
- アクセス解析 (2)
- ゲーム (4)
- ゲーム開発 (3)
- コマンドプロンプト (4)
- スニペット (5)
- レシピ (9)
- 仕様書 (3)
- 料理 (3)
- 正規表現 (74)
- 確定申告 (2)
- 税金 (3)
- 艦これ (6)
- WebDesign (2577)
- Neta (2509)
- JavaScript (2287)
- jQuery (2005)
- CSS (1480)
- まとめ (1176)
- CSS3 (1158)
- UI(UserInterface) (1046)
- Application (927)
- FullFlashSite (875)
scrollHeightに関するsite159のブックマーク (5)
-
site159 2008/04/09
- scrollHeight
- JavaScript
リンク -
-
-
contentwindow scrollheight - Google 検索
2014/11/29 · ... scrollHeight でも docFrame.contentWindow.document.body.scrollHeight でもサイズ取得できた。contentWindowがw3c基準でない。 動作確認バージョン.
-
JavaScript インラインフレーム(iframe)関連 - とみぞーノート
いろいろハマリがちなJavaScriptでインラインフレームを扱う場合のメモ。 特に断らない限りブラウザのバージョンは以下が前提。 iframeのwindow,documentの取得方法はIEとMozilla系(NN,FireFox)で異なる。 IEはframes配列のwindow,documentプロパティから取得できる。Mozilla系はiframeエレメントのcontentWindow,contentDocumentプロパティから取得できる。 IEでもMozilla系と同じくiframeエレメントのプロパティから取得することもできるが、contentDocumentについてはIEには存在しないので、documentはcontentWindow.documentとしてcontentWindow経由で取得しなければならない。 (1) frames配列から取得する場合 frames['xx
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx