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

Question

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

k0021 · Accepted Answer

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

参考URL：http://www5e.biglobe.ne.jp/~access_r/hp/dhtml/dhtml_129.html

talepanda · Answer

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

k0021 · Answer

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)}

BLUEPIXY · Answer

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

talepanda · Answer

書き忘れ。t2.htmlは

な
が
い

talepanda · Answer

<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>

tux_the_penguin · Answer

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

-Kei · Answer

これを使ってみてはどうでしょうか？ (なんて呼ぶのか忘れました；；)

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

No6で回答したk0021ですが

＞それで、また問題ですが、t2.html部分は

No3さんのavascript部分のみです

この回答への補足

スクロールバーがでてなくても、

この回答への補足

書き忘れ。

この回答への補足

<html>

この回答への補足

ホイールをまわせばいいだけじゃ？

この回答への補足

<a name="hoge">

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング