<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 へのコメント</title>
	<atom:link href="http://coliss.com/articles/build-websites/operation/javascript/296.html/feed/" rel="self" type="application/rss+xml" />
	<link>http://coliss.com/articles/build-websites/operation/javascript/296.html</link>
	<description>サイト制作に関するアウトプットとクリップした情報を紹介するブログです。</description>
	<lastBuildDate>Sun, 12 Feb 2012 04:39:11 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>Zackee より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-268066</link>
		<dc:creator>Zackee</dc:creator>
		<pubDate>Sun, 12 Feb 2012 04:39:11 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-268066</guid>
		<description>他のjQueryプラグインとの関係で「noConflict」を利用してjQueryオブジェクトを$以外にしている場合、つまり、
$xyz = jQuery.noConflict();
などとしている場合、このプラグインは動作しないのでしょうか。
動作しない場合は、何か回避方法はあるのでしょうか。</description>
		<content:encoded><![CDATA[<p>他のjQueryプラグインとの関係で「noConflict」を利用してjQueryオブジェクトを$以外にしている場合、つまり、<br />
$xyz = jQuery.noConflict();<br />
などとしている場合、このプラグインは動作しないのでしょうか。<br />
動作しない場合は、何か回避方法はあるのでしょうか。</p>
]]></content:encoded>
	</item>
	<item>
		<title>( jQuery )　ページ内リンクをスムーズにスクロールさせる 【jquery.page-scroller.js】 - サイト制作の豆知識 より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-191674</link>
		<dc:creator>( jQuery )　ページ内リンクをスムーズにスクロールさせる 【jquery.page-scroller.js】 - サイト制作の豆知識</dc:creator>
		<pubDate>Wed, 30 Nov 2011 11:23:58 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-191674</guid>
		<description>[...] ②jquery.page-scroller-306.jsを下記サイトからインストール http://coliss.com/articles/build-websites/operation/javascript/296.html ③書き方は下記コードを参照してください。 [...]</description>
		<content:encoded><![CDATA[<p>[...] ②jquery.page-scroller-306.jsを下記サイトからインストール <a href="http://coliss.com/articles/build-websites/operation/javascript/296.html" rel="nofollow">http://coliss.com/articles/build-websites/operation/javascript/296.html</a> ③書き方は下記コードを参照してください。 [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>僕がRSSリーダーに登録してる参考になるWEB技術系のサイト７つ - ゲシュタルト崩壊間近 より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-177867</link>
		<dc:creator>僕がRSSリーダーに登録してる参考になるWEB技術系のサイト７つ - ゲシュタルト崩壊間近</dc:creator>
		<pubDate>Tue, 15 Nov 2011 10:35:03 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-177867</guid>
		<description>[...] [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 [...]</description>
		<content:encoded><![CDATA[<p>[...] [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>タブ切り替えとぶつからないスムーズスクロール (wald-grun) より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-163201</link>
		<dc:creator>タブ切り替えとぶつからないスムーズスクロール (wald-grun)</dc:creator>
		<pubDate>Sun, 30 Oct 2011 14:51:16 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-163201</guid>
		<description>[...] タブ切り替えとぶつからないスムーズスクロール jqueryによるスムーズスクロールは、探せば結構な数あるかと思うのですが、アンカーに対して動作するものが殆どで、同じくアンカーを使って動作するタブ切り替えのスクリプトなんかとぶつかることがないですか？そんなときお勧めしたいのがコリスさんとこのPage Scrollerです。  設置は一般的なjQueryプラグインと同様に、jQueryのjsファイルと、上記よりダウンロードしたPage Scrollerのファイルをヘッダで読み込むだけ。あとはアンカーに対して普通にリンクするのみです。 さて設置はさくっといけるとおもうのですが、前述の通り問題は他のスクリプトと干渉しあうことでした。タブ切り替えのjsなんかでidを使って識別しているスクリプトですと、aタグに#hogeのようなリンクが埋めこまれている場合に反応してしまってタブ切り替えの際に一回スクロールが起こっちゃうなんて微妙な動きになることがあります。 そんなときこのスクリプトは、アンカーリンクをエスケープする処理をクラスで設定することが可能です。 動作しないエリアを設定する方法 ※idがかぶっていてアンカーが効かないので、一個上の項目にリンク張っています。 詳細は上記リンクにありますが、要はclass=&quot;nopscr&quot;というクラスをアンカーリンクの入ったaタグに当てるだけ。たったそれだけでOKでした。すごく便利。タブを併用することが多いので、とても助かりました。 このスクリプト色々と高性能で様々な設定ができまして、最新バージョンではスピードの設定もできる・・・はずなのですが、解説に書いてある変数を設定してもそれほど劇的な変化がありませんでした。 スピード以外の動作が完璧でしたので今更他のスクリプトを使う気になれず、申し訳ないのですがコードを読んで、スクロール処理中のとある変数に直接値を代入して対応しました。frmsの値を直に書き換えると、割と目立って動作スピードが 変わります。一応、ご参考までに。 商用利用は最新バージョンから可、とのことですので、お仕事で使用する際にはライセンスにご注意ください。 以上、スムーズスクロールのご紹介でした。 [...]</description>
		<content:encoded><![CDATA[<p>[...] タブ切り替えとぶつからないスムーズスクロール jqueryによるスムーズスクロールは、探せば結構な数あるかと思うのですが、アンカーに対して動作するものが殆どで、同じくアンカーを使って動作するタブ切り替えのスクリプトなんかとぶつかることがないですか？そんなときお勧めしたいのがコリスさんとこのPage Scrollerです。  設置は一般的なjQueryプラグインと同様に、jQueryのjsファイルと、上記よりダウンロードしたPage Scrollerのファイルをヘッダで読み込むだけ。あとはアンカーに対して普通にリンクするのみです。 さて設置はさくっといけるとおもうのですが、前述の通り問題は他のスクリプトと干渉しあうことでした。タブ切り替えのjsなんかでidを使って識別しているスクリプトですと、aタグに#hogeのようなリンクが埋めこまれている場合に反応してしまってタブ切り替えの際に一回スクロールが起こっちゃうなんて微妙な動きになることがあります。 そんなときこのスクリプトは、アンカーリンクをエスケープする処理をクラスで設定することが可能です。 動作しないエリアを設定する方法 ※idがかぶっていてアンカーが効かないので、一個上の項目にリンク張っています。 詳細は上記リンクにありますが、要はclass=&quot;nopscr&quot;というクラスをアンカーリンクの入ったaタグに当てるだけ。たったそれだけでOKでした。すごく便利。タブを併用することが多いので、とても助かりました。 このスクリプト色々と高性能で様々な設定ができまして、最新バージョンではスピードの設定もできる・・・はずなのですが、解説に書いてある変数を設定してもそれほど劇的な変化がありませんでした。 スピード以外の動作が完璧でしたので今更他のスクリプトを使う気になれず、申し訳ないのですがコードを読んで、スクロール処理中のとある変数に直接値を代入して対応しました。frmsの値を直に書き換えると、割と目立って動作スピードが 変わります。一応、ご参考までに。 商用利用は最新バージョンから可、とのことですので、お仕事で使用する際にはライセンスにご注意ください。 以上、スムーズスクロールのご紹介でした。 [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>スマートフォン対応してみた。 &#124; Cocochi-Feeds より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-135954</link>
		<dc:creator>スマートフォン対応してみた。 &#124; Cocochi-Feeds</dc:creator>
		<pubDate>Mon, 12 Sep 2011 15:04:54 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-135954</guid>
		<description>[...] った。 他のサイトをもう少し見てたら、一部のスムーズスクロールだと上手く動くのが確認できたので、今回はそれで対応。 コリスさんのスムーズスクロールを使わせてもらいました。 [...]</description>
		<content:encoded><![CDATA[<p>[...] った。 他のサイトをもう少し見てたら、一部のスムーズスクロールだと上手く動くのが確認できたので、今回はそれで対応。 コリスさんのスムーズスクロールを使わせてもらいました。 [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>本屋＠ より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-129913</link>
		<dc:creator>本屋＠</dc:creator>
		<pubDate>Sat, 03 Sep 2011 15:10:56 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-129913</guid>
		<description>&gt;いまいち把握できませんが、

すみません。
横スクロールスクリプトでは次ページが見える状態だったので
ウィンドウを横に引き伸ばしても、常に画面外になるように設定したかったんです。
やはりご理解いただけないでしょうか？

&gt;１ページ分の幅をウインドウ幅に合わせるのは、スタイルシートのテクニックで、幅指定に100%を指定すればできます。

一番初めにやってみたのですが
100%と設定するとスライドすることなく止まります。
外枠のdivは固定サイズのままで、１ページ分のクラス横サイズを100％に設定しました。
ブラウザはIEです。


長々とすみません
他のスクリプトでなんとか成功したので
そちらで進めたいと思います。
お返事をいただきうれしかったです。
今後もこちらを利用させていただきたいと思います。
ありがとうございました。</description>
		<content:encoded><![CDATA[<p>&gt;いまいち把握できませんが、</p>
<p>すみません。<br />
横スクロールスクリプトでは次ページが見える状態だったので<br />
ウィンドウを横に引き伸ばしても、常に画面外になるように設定したかったんです。<br />
やはりご理解いただけないでしょうか？</p>
<p>&gt;１ページ分の幅をウインドウ幅に合わせるのは、スタイルシートのテクニックで、幅指定に100%を指定すればできます。</p>
<p>一番初めにやってみたのですが<br />
100%と設定するとスライドすることなく止まります。<br />
外枠のdivは固定サイズのままで、１ページ分のクラス横サイズを100％に設定しました。<br />
ブラウザはIEです。</p>
<p>長々とすみません<br />
他のスクリプトでなんとか成功したので<br />
そちらで進めたいと思います。<br />
お返事をいただきうれしかったです。<br />
今後もこちらを利用させていただきたいと思います。<br />
ありがとうございました。</p>
]]></content:encoded>
	</item>
	<item>
		<title>コリス より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-129706</link>
		<dc:creator>コリス</dc:creator>
		<pubDate>Sat, 03 Sep 2011 08:47:48 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-129706</guid>
		<description>&gt; 本屋＠ さん

いまいち把握できませんが、
１ページ分の幅をウインドウ幅に合わせるのは、スタイルシートのテクニックで、幅指定に100%を指定すればできます。</description>
		<content:encoded><![CDATA[<p>> 本屋＠ さん</p>
<p>いまいち把握できませんが、<br />
１ページ分の幅をウインドウ幅に合わせるのは、スタイルシートのテクニックで、幅指定に100%を指定すればできます。</p>
]]></content:encoded>
	</item>
	<item>
		<title>本屋＠ より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-129551</link>
		<dc:creator>本屋＠</dc:creator>
		<pubDate>Sat, 03 Sep 2011 04:34:06 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-129551</guid>
		<description>お返事ありがとうございます。
すみません、寝る寸前だったので文章がおかしくなってしまいました（汗

「一ページウィンドウ幅に合わせる」ではなく
「１ページ分（エレメント？）の幅をウィンドウ幅に合わせる」です。
auto等をつかえばいいのかと思いましたが、そうすると当たり前ですがレイアウトが崩れてしまいます。

&gt;よく分かりませんが、移動する際はアンカー先のエレメントの位置を参照します。
&gt;ウインドウの幅に合わせるようにエレメントを配置する、ということになるかと思います。

すみません、知識があまりないのでよくわからないのですが、具体的にはどの部分を書き換えれば良いのでしょう？
それとも書き加える必要があるのでしょうか？</description>
		<content:encoded><![CDATA[<p>お返事ありがとうございます。<br />
すみません、寝る寸前だったので文章がおかしくなってしまいました（汗</p>
<p>「一ページウィンドウ幅に合わせる」ではなく<br />
「１ページ分（エレメント？）の幅をウィンドウ幅に合わせる」です。<br />
auto等をつかえばいいのかと思いましたが、そうすると当たり前ですがレイアウトが崩れてしまいます。</p>
<p>&gt;よく分かりませんが、移動する際はアンカー先のエレメントの位置を参照します。<br />
&gt;ウインドウの幅に合わせるようにエレメントを配置する、ということになるかと思います。</p>
<p>すみません、知識があまりないのでよくわからないのですが、具体的にはどの部分を書き換えれば良いのでしょう？<br />
それとも書き加える必要があるのでしょうか？</p>
]]></content:encoded>
	</item>
	<item>
		<title>コリス より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-129374</link>
		<dc:creator>コリス</dc:creator>
		<pubDate>Sat, 03 Sep 2011 00:57:54 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-129374</guid>
		<description>&gt; 本屋＠ さん

「一ページウィンドウ幅に合わせる」の意図がくみ取れないので、よく分かりませんが、移動する際はアンカー先のエレメントの位置を参照します。
ウインドウの幅に合わせるようにエレメントを配置する、ということになるかと思います。</description>
		<content:encoded><![CDATA[<p>> 本屋＠ さん</p>
<p>「一ページウィンドウ幅に合わせる」の意図がくみ取れないので、よく分かりませんが、移動する際はアンカー先のエレメントの位置を参照します。<br />
ウインドウの幅に合わせるようにエレメントを配置する、ということになるかと思います。</p>
]]></content:encoded>
	</item>
	<item>
		<title>本屋＠ より</title>
		<link>http://coliss.com/articles/build-websites/operation/javascript/296.html/comment-page-4/#comment-129217</link>
		<dc:creator>本屋＠</dc:creator>
		<pubDate>Fri, 02 Sep 2011 17:58:46 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/memo/296.html#comment-129217</guid>
		<description>はじめまして。
突然ですが、スクリプトについて質問です。
「横移動有り。縦無し。」の部分なのですが
これを一ページウィンドウ幅に合わせることは可能でしょうか？</description>
		<content:encoded><![CDATA[<p>はじめまして。<br />
突然ですが、スクリプトについて質問です。<br />
「横移動有り。縦無し。」の部分なのですが<br />
これを一ページウィンドウ幅に合わせることは可能でしょうか？</p>
]]></content:encoded>
	</item>
</channel>
</rss>

