aheh/ChessServer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scroll problem on mobile

Browse Source
This commit is contained in:
dvorakchen
2024-06-23 14:00:51 +08:00
parent 7ad82ab2ad
commit 56b3d218e6
1 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Aiursoft.ChessServer/Views/Shared/Components/ChessBoard/Default.cshtml
+19 -7
View File
@@ -5,13 +5,25 @@
<p id="role" class="text-center text-wrap text-secondary mt-1"></p>
<script type="module">
import initGameBoard from "/scripts/chessboard.js";
import { getUserId, getPlayerColor } from "/scripts/player.js";
import initGameBoard from "/scripts/chessboard.js";
import { getUserId, getPlayerColor } from "/scripts/player.js";
window.addEventListener('DOMContentLoaded', async () => {
var playerId = getUserId();
var playerColor = await getPlayerColor(@Model.GameId);
initGameBoard(playerColor, playerId, @Model.GameId);
});
window.addEventListener('DOMContentLoaded', async () => {
var playerId = getUserId();
var playerColor = await getPlayerColor(@Model.GameId);
initGameBoard(playerColor, playerId, @Model.GameId);
document.body.addEventListener('pointerdown', (e) => {
let board = document.getElementById('board');
if (board.contains(e.target)) {
document.body.style.overflow = 'hidden';
document.documentElement.overflow = 'hidden';
board.scrollIntoView({ behavior: 'smooth', block: 'center' });
} else {
document.body.style.overflowY = '';
document.documentElement.overflowY = '';
}
});
});
</script>