• ベストアンサー

★質問★スクロールバーを使わずに、スクロールをする

皆様、お世話になります。 質問です。 ※i frame での使用です スクロールバーを使わずに、スクロールをする 技ってありますか？ フレーム内は、他のサイトのページが閲覧できるように なってますが、超縦長なのでスクロールバーが出ます。 単にスクロールバーを「消す処理」の設定すると、 フレーム内は見れなくなりますし。。。 付け足すと、スクロールバーを使わない代わりに、 何か変わりになるボタン？(GUI) を割り当てて、それをクリックする事で 上下させたいのですが。。 ※中身の内容を自動で上下させるのではありません ↑マーキー見たいなものではないです。 あくまで、オンマウス的な技。 FLASH以外でお願いします。 説明が下手で恐縮です。。。。orz 何卒宜しくお願いします。 助けてください。。。

  • HTML
  • 回答数8
  • ありがとう数0
回答 全件
ベストアンサー
No6で回答したk0021ですが 再度チェックしたら別の指定方法あり…
＞それで、また問題ですが、t2.html部分は ＞リンク先のページに…
No3さんのavascript部分のみです 参考にしたHP削除されて…
スクロールバーがでてなくても、 ↑ ↓ でスクロールできませんで…
書き忘れ。t2.htmlは <div style="text-a…
<html> <head> <script type="text/…
ホイールをまわせばいいだけじゃ？ ホイールクリックでもいいし…技でも…
<a name="hoge"> <a href="hogehoge.…

質問者が選んだベストアンサー

  • ベストアンサー
  • k0021
  • ベストアンサー率26% (32/120)
回答No.8

No6で回答したk0021ですが 再度チェックしたら別の指定方法ありました iframe はあまり詳しくないので前回は、javascriptのみの説明でしたが javascript部分は、ken_koyama　が考えてください インラインフレームスクロールの対応ブラウザも確認して下さい 私は、前回のjavascriptの説明をウィンドウ表示高さずつ移動させています

参考URL：
http://www5e.biglobe.ne.jp/~access_r/hp/dhtml/dhtml_129.html
全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (7)

  • talepanda
  • ベストアンサー率58% (45/77)
回答No.7

＞それで、また問題ですが、t2.html部分は ＞リンク先のページにしたいのですが。 フレーム内のページにスクリプトを書く必要はないけど、リンク先が別サーバだとセキュリティの問題で動かないような気がする。

全文を見る
すると、全ての回答が全文表示されます。
  • k0021
  • ベストアンサー率26% (32/120)
回答No.6

No3さんのavascript部分のみです 参考にしたHP削除されて無いので使用するメソッド・プロパティのみ記述しておきます scrollTo(x,y)：絶対座標を指定して、ウィンドウをスクロールさせるメソッド。 scrollBy(x,y)：相対座標を指定して、ウィンドウをスクロールさせるメソッド。 document.body.clientHeight：ウィンドウの内側の高さ（IE） window.innerHeight：ウィンドウの内側の高さ(NN4/6) document.body.scrollHeight：文章全体の高さ(IE) document.height：文章全体の高さ(NN4/6) document.body.scrollTop：現在の縦スクロール位置(IE) window.pageYOffset：現在の縦スクロール位置(NN4/6) window.scrollY：現在の縦スクロール位置(NN6) …別に必要ないですね。 h(H)eightをw(W)idthに変えれば横幅を取得できます。 setTimeout()：指定時間後に処理を行う。 clearTimeout()：setTimeoutを解除する。 setInterval()：指定時間ごとに処理を行う。 今回はこちらを使うことにします。 clearInterval()：setIntervalを解除する。 onClick：イベント、マウスクリック onDblclick：イベント、ダブルクリック function scrollUp(){ f_wh = -xx; // ウィンドウの戻り移動数の指定 a_wh = xx; // ウィンドウの移動数の指定 clearTimeout(timerID);if(document.all)scrY=document.body.scrollTop; else if(document.layers || document.getElementById)scrY=window.pageYOffset; timerID=setTimeout('scrolling(f_wh)',a_wh)} //srcYに現在のスクロール位置を代入し、タイマーを再設定。 function scrollDown(){ a_wh = xx; // ウィンドウの移動数の指定 clearTimeout(timerID);if(document.all)scrY=document.body.scrollTop; else if(document.layers || document.getElementById)scrY=window.pageYOffset; timerID=setTimeout('scrolling()',a_wh)}

ken_koyama
質問者

補足

ご返答遅くなりまして、 すみません。。。 みなさま、ご丁寧にありがとうございました。 ジャバスクリプトタグ、試してみます。 少々お時間ください。。。 みなさまのアドバイス全て参考にさせて頂きます。 有難うございます。

全文を見る
すると、全ての回答が全文表示されます。
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.5

スクロールバーがでてなくても、 ↑ ↓ でスクロールできませんでしたっけ？

ken_koyama
質問者

補足

ご返答有難うございます。 なるほど、『↑↓で動く』って説明文を 書けばいいのですね。 でも、見栄えが。。。

全文を見る
すると、全ての回答が全文表示されます。
  • talepanda
  • ベストアンサー率58% (45/77)
回答No.4

書き忘れ。t2.htmlは <div style="text-align:center;font-size:200%"> な<br/>が<br/><script type="text/javascript">for(var i=0;i<200;++i)document.write("あ<br/>");</script>い </div>

ken_koyama
質問者

補足

＞talepanda さん 有難うございました。 はい。イメージ通りの事ができました。 有難うございました。 それで、また問題ですが、t2.html部分は リンク先のページにしたいのですが。 つまり、<iframe id="orz" src="http://www.yahoo.co.jp/" style="width:256px;height:256px"></iframe> 見たいな感じで。 やはり、フレーム内もスクリプトを埋め込まないと 難しいのでしょうか。。

全文を見る
すると、全ての回答が全文表示されます。
  • talepanda
  • ベストアンサー率58% (45/77)
回答No.3

<html> <head> <script type="text/javascript"> var t=null,d=0; function f(n){ clearTimeout(t); if(n==0){d=0;return;}if(n*d>0)d*=1.05;else d=n; var b=document.all?document.getElementById("orz").Document:document.getElementById("orz").contentDocument; b.getElementsByTagName("body")[0].scrollTop+=d; t=setTimeout(function(){f(n)},5); } </script> </head> <body> <span style="border:solid" onmouseover="f(-1)" onmouseout="f(0)">↑</span> <span style="border:solid" onmouseover="f(1)" onmouseout="f(0)">↓</span><br/><br/> <iframe id="orz" src="t2.html" style="width:256px;height:256px"></iframe> </body> </html>

ken_koyama
質問者

補足

ご返答遅くなりまして、 すみません。。。 なるほど、やはりジャバスクリプトですね。 タグ、試してみます。 これから試してみますので お時間ください。。。 有難うございます。

全文を見る
すると、全ての回答が全文表示されます。
回答No.2

ホイールをまわせばいいだけじゃ？ ホイールクリックでもいいし…技でもなんでもない基本だと思います

ken_koyama
質問者

補足

返答有難うございます。 なるべく、ページを訪れた 『ユーザー』が一発で分かるような サイトの『作り』をしたいので。 私自身が知っていても意味が無いし。

全文を見る
すると、全ての回答が全文表示されます。
  • -Kei
  • ベストアンサー率50% (151/299)
回答No.1

<a name="hoge"> <a href="hogehoge.html#hoge"> これを使ってみてはどうでしょうか？ (なんて呼ぶのか忘れました；；)

ken_koyama
質問者

補足

遅くなりまして、すみませんでした。。。 返答ありがとうございます。 なるほど、まだ試してみてないので 今からやってみなす。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ページの中にスクロールバーを伴った小窓を作りたいのですが・・・

    フレーム設定のスクロールで画面を上下するのではなくて、 ページ中に枠を作ってスクロールバーで記事を上下させるのをよく見かけますが、 ホームページビルダー９でどのように作るのでしょうか。 またこの技はなんと呼ばれているのですか？

  • フラッシュのスクロールバーを作りたい

    ホームページでの質問なのですが、ブログのカテで大丈夫なんですかね…。自分のホームページに、フラッシュのスクロールバーをつけたいと思ってるのですが、横に細長いバーで、例えば新着情報や、最終更新日は●●日等一度はみたことあるものだと思うのですが…（説明しずらくてすみません）それを自分のサイトにも貼りたいと思ってます、フラッシュ等には詳しくないので、簡単に貼り付けるだけでスクロールする文も入れ替えられるようなものもありますか？マーキーのタグではなく、四角く細長い枠のような感じで、フラッシュで文字が右から左に流れているようなものなのですが…。わかりづらくてすみません。

  • スクロールバー

    現在HPを製作しています。 その過程で出た問題なのですが何かヒントになるような情報があれば教えていただければと思い、質問します。 HPの型としては、フレームを使って上下に分割されたものです。 起こった問題の現象としては ・下フレームで縦にスクロールバーが発生した時に、（おそらくスクロールバーの幅分）横スクロールバーが出現してしまいます。 ・こうして発生した横スクロールバーはブラウザの横幅を広げても消えません。 ・縦スクロールバーが消えると同時に消えます。 どうにかして縦のスクロールバーが出ても横は出ないようにしたいのですが、現在ヒントとなるものがなく闇雲に原因を探している状態です。 もしこのような現象に対してヒントのようなものをお持ちの方がいましたら。 知恵を貸していただきたいと思います。 よろしくお願いします。

  • スクロールバーがおかしいのですが・・。

    ホームページビルダー１７を使っています。古くてスミマセン。今朝までうまくいっていたのですが。 質問ですが、私のＨＰで右端のスクロールバー(背景と同色の色をつけています)が色は出ないし、上下しません。 ３つのフレームページを使っていますが、２つの頁ではフレームページの属性でスクロールバーの設定をナシにしていますが、右端の頁ではスクロールバーの設定を自動にしています。ビルダーのプレビユーでは作成したままを表現してくれるのですが、パソコン上の私のＨＰの縦に長い頁では動きません。ただ、ホイールボタンを使用すると上手くスクロールしてくれるのですが・・・。他のＰＣではどうなのでしょうか。互換表示もやってます。ＵＲＬはhttp://mustang.c-mash.co.jpです。もしくは「きもの風土記」で検索できます。 私のＨＰを開くと右にグレーのスクロールバーがあります。ページをせばめると、当然のことながら下にスクロールバーが出ます。下のスクロールバーでページを広げると、私の本来のＨＰのスクロールバーが出てきます。言うならば、スクロールバーの中に私のＨＰがある形になっています。右のスクロールバーが二つあるという形です。もちろん私のＨＰだけで、ヤフーとか他のＨＰは正常に見られます。 どなたかよろしくお願いします。 ※OKWAVEより補足：「富士通FMV」についての質問です。

  • html、スクロールバーを表示させない（横だけ）

    HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう？ 補足：上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません（が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。）

  • 横スクロールバーが消えません

    webにフレームやFlashを導入してリニューアルさせてたのですが、横スクロールがいくつかのページで出てきてしまい困っております。 テーブル幅はどのページも600ピクセル以下に設定しています。mac os XのIE 5.2だと横スクロールバーは１つも出ないのですが、win XPのIE 6.0だと何故か何個か横スクロールが出てきてしまいます。 どこかのサイトで横スクロールバーを消す方法で <style type="text/css"> <!-- body { overflow-x: hidden; } --> </style> これで消えるとあったんで試してはみたのですが、なにせhtmlの知識が乏しいので、使い方も悪いのか、まだ消えません。 どうやったらこの横スクロールバーを消せるのでしょうか？ どなたか分かる方いらっしゃったら教えてください。

    • ベストアンサー
    • HTML
  • スクロール

    すいません、教えて下さい！ ２ちゃんねるの掲示板のような 左フレームに上下スクロールバーを 作りたいのですが、どうしたらいいんですか・・。 教えて下さい。

  • フレーム(左)のスクロールバーを非表示にすると上下に動かなくなる問題。

    frameborder="no" scrolling="no" と記述すると フレーム(左)のスクロールバーを非表示にすることができますが ページを上下に動かすことができなくなってしまいます。 スクロールバーを非表示にしつつページを上下に動かすには どうすればよいのでしょうか？ご回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • スクロールバーを消したいです

    ファイヤーフォックス1.0・ネットスケープ7.1では正常に見られるのですが、IE6.0・オペラ8.0ではスクロールバーが出てしまいます。状況としては・・・ ・iframe内で画像を直接指定して、フレーム丁度の大きさの画像を出している ・iframeに上下、左右のスクロールバーが出てしまってお互いの分だけ（厳密には違うのかも知れませんが）のスクロールが生じる 何が原因か分かる方は、対処法を教えていただきたいです。 強制的に消す方法以外でお願いします。 もう一つ、四つのブラウザのうちオペラだけの話なのですが・・・スクロールが出てしまう箇所があります。原因は【float】を使って【div】を横に並べてることだと思います。 ・ページ全体をスクロールさせるのではなく、【div1】の中でスクロールさせている。 ・【div1】の中に【float】を使って【div21】【div22】を横に並べている。 すると、何故かページ自体に空白のスクロールが出てしまうのです。【div1】の中に並べる数があればあるほど長くなります。消すとページのスクロールも消えるので【float】が原因なのは分かるのですが・・・これはどうにもならない問題ですか？これも「見た目に強制的に消す」以外の方法があれば知りたいです。

  • スクロールバーの制御について（超初心者です

    いつも助けて頂いてます。 ドリームウィーバーを利用しておりまして、いわゆる「タグ」の 概念を一切知らない無知な私なのですがマウス操作等で 解決できるのであれば教えてくださいませ。 現在、３フレームに分かれたＴＯＰページで 構成は、上段１行1列、下段1行２列の３窓です。 左の欄にはメニューを設置し、メニューの押された内容によって 右の欄にリンクされた情報が表示されています。 それはそれでよかったのですが、ふと気になる事が。 右のメインとなる画面に記載されている情報が 1画面内に収まる時は、上下左右共に移動するスクロールバーは 登場しません。 しかし、下へ下へと情報が増えると 上下に移動するべくスクロールバーが登場します。 けど、ついでにって感じで左右のスクロールバーも登場するの 。。。。これ、なんとか制御できないのでしょうか？ （しかも、できるだけソース触るお仕事なく。） 一瞬、もしかして左右に表示し切れないアイテムがあるのか 探して見ましたが、やはり単純に下へ下へ情報が増えただけでも 左右のバーがでてしまいました。 スクロールバーは見た目の感じ 収まり悪いイメージがあるので消して起きたいのです。 こんな高度な技、私のようなド素人でも分かるよう 手引き頂ければ助かります。 宜しくお願いします。

PT-P900Wで印刷できなくなった！解決方法を教えてください
このQ&Aのポイント
  • PT-P900Wで印刷できなくなったというトラブルについて、解決方法を教えてください。
  • Windows11を使用してPT-P900WをUSBケーブルで接続している環境で印刷できなくなりました。関連ソフトはP-touch Editor 5.4を使用しています。他に試したことはありません。
  • 質問はブラザー製品に関するものです。印刷できないというトラブルについて教えてください。
回答を見る

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する