過程
焦山至元十二年二月，元軍於丁家洲之戰後乘勝攻占建康(今南京)、鎮江、常州(均屬江蘇)等地。宋廷為保衛都城，調兵加強臨安(今杭州)外圍要點防禦，命主戰將領張世傑為保康軍承宣使、總都督府諸軍，率軍北上，以期挽回危局。張世傑遣將三路北進，收復常州、廣德(今江蘇廣德)等地，繼續出擊，連連失利，遂率舟師至金山(今江蘇鎮江北)，並約定殿前都指揮使張彥自常州率兵趨京口(今江蘇鎮江丹徒鎮)，約揚州李庭芝領兵出瓜洲(今江蘇揚州東南)，三路合擊，與元軍決戰。至期張彥、李庭芝未到，張世傑與平江都統劉師勇、知泰州孫虎臣率舟師孤軍迎戰七月初一，集水軍戰艦號萬餘艘，以十船為一舫，連以鐵索，沉碇於江，橫列焦山南北江面，規定非有號令不得起碇，決意孤注一擲，與元軍死戰。
元荊湖行省平章政事阿術集戰艦屯於瓜洲江岸，右丞相阿塔海、參知政事董文炳集戰艦泊於南岸西津渡；遣萬戶張弘范率兵1000人乘舟西攻殊金沙(今鎮江西北)，控制上游江路。是日，阿術率諸將登南岸石公山(今江蘇鎮江東北)觀察，見宋水師戰艦雲集，旌旗蔽江，但其艦以鐵索相連，不便機動。乃決定實施火攻，以兩翼夾攻、水陸並進戰法突破宋軍防禦。七月初二，阿術居中，選強健善射者乾人，乘巨艦分兩翼夾射。命萬戶懷都率步騎布陣江岸，防宋軍登岸襲擊；萬戶劉琛軍循江南岸東取夾灘(焦山東北)，繞宋軍之後，切斷宋軍退路；董文炳率水師自焦山南麓，攻宋軍右翼；萬戶劉國傑攻左翼；萬戶忽剌出攻其中；令張弘范自上游順風急進，循焦山北麓向宋軍猛攻。元軍小型戰船機動靈活，橫衝直撞，宋軍殊死奮戰，但艦大連舟難以行動，兩翼元軍交射火箭，頓時宋船帆蓬俱焚，煙焰蔽江。激戰半日，宋軍大亂，前軍多墜水中溺死，後軍見勢爭相逃遁，潰不成軍。元軍乘勝追至焦山，獲黃鵠、白鷂等船700餘艘。
