Jcrop のトリミングに関する問題 image_html/css_WEB-ITnose

Jcrop プラグインを使用して写真を処理したことがある誰かが、私が遭遇した問題を見てもらえれば幸いです。
処理する画像が非常に大きいので、以下のように切り出す画像をdiv内に配置します。

<div style="width:700px;height:500px;overflow:scroll">	<img src='imageUpload/<s:property value="imageFileName"/>' id="target"/></div>

そして表示範囲を超えた部分についてはcss属性overflow:scrollをdivに設定します、大きな画像を処理するため、コンテンツが div を超える場合は、スクロール バーから表示できます。
しかし、この方法では問題が発生します。つまり、画像をトリミングするための選択ボックスを、表示するためにスクロールバーをドラッグする必要がある領域に移動した場合、トリミングボックスが表示されている限り、トリミングボックスをドラッグすることはできません。クリックすると別の位置に移動してしまうので、通常のように画像を切り抜く方法はありません。 C j JCROP を使用しているヒーローがいる場合、私が言った問題があるかどうかを確認してください。また、どのように解決すればよいですか?

ポイントがなくなりつつありますので、ご容赦ください。

ディスカッションに返信（解決策）

キャンバスの幅を定義するだけです

私も同じ問題に遭遇しましたが、投稿者はそれを解決しましたか？教えていただけますか。