關注圖片後的窗口

我期望讓我的程序窗口在一個範圍內遵循Mario img而不是滾動，實質上是移除滑動條，並以某種方式保持窗口集中於Mario角色（就像任何2D副作用一樣）滾動視頻遊戲）。任何想法如何使用jQuery或HTML做到這一點？關注圖片後的窗口

你可以找到我的程序here。正如所看到的，我有我想要的窗口顯示上限和下限，但我沒有辦法來移動屏幕來顯示這些邊界

編輯：這將會是最佳的移動硬幣計數器，音樂播放/暫停按鈕，以及任何我在屏幕頂部添加的窗口。可以容器div這樣做嗎？我可以使用CSS運動來實現div中的所有元素嗎？

2013-03-02 Zach Saucier

要做到這一點我在01功能，計算我的馬里奧img和變量和lowerRange之間的距離，創造了一個臨時變量moveAmount，而移動div包含使用代碼硬幣計數器和音樂播放/暫停按鈕$("#id").animate({"left":"+=" + moveAmount + "px"},1);

對於實際窗口的運動，我用同樣的概念，但所使用的代碼window.scrollTo(lowerRange - (1/10)*winWidth, 0);（因爲lowerRange最初定義爲(1/10)*winWidth）

我真的在爲了解決這個問題而自豪之後，我嘗試了不同的事情。

看我的工作示例here！

來源

2013-03-11 16:41:57

您可以嘗試使用負邊距移動整個頁面，並在窗口後面使用position: fixed保留img。

來源

2013-03-03 03:57:46

任何機會我可以看到你的意思是一個例子嗎？「位置：固定」我已經對負邊界產生了很大的影響，而且它似乎沒有任何效果 – 2013-03-09 22:26:13

關注圖片後的窗口

回答

相關問題