人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

cssのoverflow:autoとかでスクロールバーを表示して擬似フレームのような事ができますよね。
この擬似フレームをjavascriptでスクロールさせる事はできますか?
自分で試したところ、scrollByは上位オブジェクトはwindowのみのようで、できませんでした。何かいい方法があったら教えてください。

●質問者: waf
●カテゴリ:ウェブ制作
✍キーワード:CSS JavaScript Overflow オブジェクト スクロール
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Mars
●100ポイント

http://www.microsoft.com/japan/developer/library/jpisdk/dhtml/me...

MSDN Online Japan : File Not Found

大雑把なサンプルですが。(Win版 IE Firefox Operaでは動きました。Safariとかはわかりません。)


<html>

<head>

<title>Scroll Test</title>

<style type=”text/css”>

<!--

#d1{

width:200px;

height:80px;

overflow:auto;

border:1px solid #ccc;

}

-->

</style>

<script type=”text/javascript”>

<!--

var ScrollValue = 16;

function Dscroll(TargetID,Flag){

Target = document.getElementById(TargetID);

if(! Target) return;


if(Flag>0)Target.scrollTop+=ScrollValue;

else if(Flag<0)Target.scrollTop-=ScrollValue;

}

//-->

</script>

</head>

<body>

<div id=”d1”>

<p>テキスト</p>

<p>テキスト</p>

<p>テキスト</p>

<p>テキスト</p>

</div>

<p><input type=”button” value=”▲” onclick=”Dscroll(’d1’,-1)”>


<input type=”button” value=”▼” onclick=”Dscroll(’d1’,1)”></p>

</body>

</html>


※横スクロールさせるには scrollLeft を変更します。

◎質問者からの返答

できました!リロードしてもスクロール位置が保持されるのが素敵ですね!

ところで、はてなは’と”が全角に置換されるようでちょっと使いづらいですね。


2 ● Paul
●5ポイント

http://webmaster.hatena.ne.jp/1109577539

人力検索はてな - DIV ID=”Layer1” STYLE=”position:relative; overflow: auto; height:100;”>として div タグでoverflow: scroll; を使いはみ出た部分をスクロールするようにしているの..

同じ質問が以前に出てますね。

◎質問者からの返答

おお、本当ですね。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ