<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>kimizuka</author_name>
  <author_url>https://blog.hatena.ne.jp/kimizuka/</author_url>
  <blog_title>みかづきブログ・カスタム</blog_title>
  <blog_url>https://blog.kimizuka.org/</blog_url>
  <categories>
    <anon>CSS</anon>
  </categories>
  <description>blog.kimizuka.org本当はこの記事で書こうと思っていたことなのですが、-webkit-overflow-scrolling: touchが不要になっていたことに驚きすぎて、記事を分けることにしました。さて、overflow: scrollを実装するとき、「スクロールバーを消したい」という要望を受けることがそれなりにあります。 実はスクロールバーにもスタイルが当てられるので、そんなときはCSSの力でCSSを消すことができるのです。 SCSS body { -ms-overflow-style: none; scrollbar-width: none; &amp;::-webkit-scro…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2020%2F09%2F23%2F205459&quot; title=&quot;CSSの力でスクロールバーを非表示にする 👀 - みかづきブログ・カスタム&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url>https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20200923/20200923205445.png</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2020-09-23 20:54:59</published>
  <title>CSSの力でスクロールバーを非表示にする 👀</title>
  <type>rich</type>
  <url>https://blog.kimizuka.org/entry/2020/09/23/205459</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
