ダイアログ式のウェブ パソナライゼーション (RTP) キャンペーンでスクロールバーを削除する方法

ダイアログ式のウェブ パソナライゼーション キャンペーンに、面倒なスクロールバーは表示されていますか。それらを消すのがいかに簡単かを見てみましょう。

ダイアログ式のキャンペーンのインターフェイスには、ダイアログ ボックスのサイズを設定するオプションがあります。つまり、[Auto Width(自動幅調節)]を選択することでよりシンプルにすることができます。また、Modern Trim (黒のアウトライン)、Basic (Dialog Title のグレーボックスを含む)、Modern Trim II(グレーアウトライン)を含む Dialog Style の有用な選択肢を必ず覚えておいてください。

設定した内容は以下の通りです。[Transparent]の背景と[Auto Width]を選択しました。

次は、以下の CSS コードをキャンペーンの HTML に挿入するだけです。

<style>

#trwDialog{

    overflow-x: hidden;

    overflow-y: hidden;

}

</style>

そして結果は以下のようになります。

スクロールバー、さようなら！

この記事は、Susan Sauterが投稿した "How to Remove Scroll Bars in a Dialog Web Personalization (RTP) Campaign" を翻訳したものです。