たびたび お世話になります。

JavaScriptでテキストだけをスクロールする方法は
わかったのですが 背景も一緒に スクロールします。

背景は固定して テキストだけをスクロールさせる方法は
ないでしょうか?

ちなみに JavaScriptのソースはいただき物なので
JavaScriptに詳しいわけではありません。

よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

 背景をスクロールするかどうかは タグの設定で出来ます。


BODYタグに「 BGPROPERTIES="FIXED" 」という記述を追加すれば良いですよ。

例.
<BODY BACKGROUND="back.gif" BGPROPERTIES="FIXED">

Black_Tiger さんの方法でも良いですが、スタイルシートに対応していないブラウザー
では効かないのでご注意を。
    • good
    • 0
この回答へのお礼

わ~ 目からうろこです!
その方法は知っていたはずなのに すっかり忘れていた上に
JavaScriptに目がくらんで 思いもつきませんでした。

簡単なことだったんですね。
ありがとうございました!!

お礼日時:2001/06/06 12:56

背景固定にはJavaでないとだめなのでしょうか?


IEを中心に作られているのであれば、下記なんてどうですか?
スタイルシートですが。

<STYLE TYPE="text/css">
BODY {background-image:url(背景.gif);
background-attachment:fixed ;}
</STYLE>

ご参考までに。
これはただのパターン配列の固定です。
    • good
    • 0
この回答へのお礼

ありがとうございました。 解決しました。
スタイルシートも勉強したいと思います♪

お礼日時:2001/06/06 12:53

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q【Javascript】(テキストボックスの)テキストの末尾にフォーカスを置きたい【フォーム】

onLoad時にテキストボックスにフォーカスをあてるのですが、
質問タイトルのようなことができません。

前ページからPOSTで持ってきた文字列を入れたテキストボックスなのですが、
BODYタグ部分にonLoad="frm.elm.focus();"と書くと、
そのテキストボックス内の文字列の先頭にフォーカスが行きます。

文字列の続きを入力する項目なので
文字列の末尾にフォーカスを置きたいのですが
方法はありますでしょうか。

ご存知の方いらっしゃいましたらご教示願います。
質問が解りづらかったらすみません。
宜しくお願い致します。

Aベストアンサー

これでどうでしょう?
<html>
<body onLoad=document.F1.I2.focus();document.F1.I2.value="テスト">
<form name="F1">
<input type="text" name="I1"><br><input type="text" name="I2">
</form>
</body>
</html>

QJavaScriptでwindowのスクロール

windows.scroll(0,y);
でyを変化させてウィンドウをスクロールさせたいのですがしません
何が悪いのでしょうか?
他のコマンドがあれば教えてください

Aベストアンサー

元のソースのままをアップしていたとしたら、酷いね、元ソース。
修正したサンプルをアップするので、どこが違うのか見比べてね。

<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Web Object No.0 -Scroll- </title>
<script language="JavaScript">
<!--
var y=0;var yMax=200;var timerID;

function stop_win(){clearTimeout(timerID);}

function scroll_win()
{
if(!new_win||new_win.closed){stop_win();}
else{
new_win.scroll(0,y);timerID=setTimeout("scroll_win()",100);
if(y>yMax) y=0;else y++;new_win.status="y-position="+y;
}
}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<h1 style="margin-bottom:1000;">scroll</h1>
<script language="JavaScript">
<!--
window.scroll(0,500);
var new_win=
window.open('','scroll_win','width=300,height=200,scrollbars=1,status=1');
new_win.document.open();
new_win.document.write("<h1 style='margin-bottom:1000;'>Scroll Scroll!!</h1>");
new_win.document.write("<p>end</p>");
new_win.document.close();scroll_win();

//-->
</script>
<p>end</p>
</body>
</html>

元のソースのままをアップしていたとしたら、酷いね、元ソース。
修正したサンプルをアップするので、どこが違うのか見比べてね。

<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Web Object No.0 -Scroll- </title>
<script language="JavaScript">
<!--
var y=0;var yMax=200;var timerID;

function stop_win(){clearTimeout(timerID);}

function scroll_win()
{
if(!new_win||new_win.closed){stop_win();}
else{
new_win.scroll(0,y...続きを読む

Qスクロールバーの移動量制御【Javascript】

http://www5.mediagalaxy.co.jp/p-givenchy/skincare/wash/top.html

上のようなページのように、スクロールバーを
クリックした時の移動量を制御したいです。
javascriptによる制御だと思いますが、
どなたかわかりやすく教えて頂けませんでしょうか?
宜しくお願い致します。

Aベストアンサー

これはスクロールバーではなくて、ただのボタンですね。ボタンがonClickされたときに、商品画像と解説文が入ったレイヤを移動させているようです。
参考URLでレイヤとタイマーの概念を理解すれば、実現は簡単でしょう。

※ごく簡単な移動の計算方法の一例です。
//y:レイヤのy座標
//desty:レイヤの移動先のy座標
y=(y+desty)/2;
if(desty-y<1.0)
{
ここで移動終了;
}

参考URL:http://www2s.biglobe.ne.jp/~club_tom/

QJavaScriptでスクロール画像

JAvaScriptで、ブラウズのスクロール時に画像が常に固定の位置で表示される(付いて来る)ようなことをしたいのですが、何か良いサンプルはございますか?

Aベストアンサー

http://www.usagi-js.com/sample/jssampleenzan.htm

個人的にはCSSのがいいと思うけど(JavaScript切ってる人多いだろうし)
http://sussiweb.com/hp/html/backcolor/01.htm

Qjavascriptでスクロール

下記のhtmlソースでjavascriptでスクロールしてトップに戻るリンクを作ったんですが、WinのIEではスクリプトが効かずnoscript内の通常のアンカーが有効になってしまいます。
Firefoxではjavascriptの有効無効を判断して思った通りに動きます。WinIEでもjavascriptが有効のときはスクロールし、無効の時は通常のアンカーになるようにするにはどうすればいいのでしょうか?
WinIEはセキュリティの設定でjavascriptを有効にしてあります。

<script language=javascript>
<!--
document.write('<a href="javascript:pageup()">pagetop</a>');
//-->
</script>
<noscript>
<a href="#pagetop">pagetop</a>
</noscript>

Aベストアンサー

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body>
<a name="pagetop">pagetop</a>

<!------hight enough-------------->

<script type="text/javascript">
<!--
function pageup(){location.hash='pagetop';}
document.write('<a href="#" onclick="pageup();return false">pagetop<\/a>');
//-->
</script>
<noscript>
<a href="#pagetop">pagetop</a>
</noscript>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body>
<a name="pagetop">pagetop</a>

<!------hight enough-------------->

<script type="text/javascript">
<!--
function pageup(){location.hash='pagetop';}
document.write('<a href="#" onclick="pageup();return false">pa...続きを読む


人気Q&Aランキング

おすすめ情報